This is the final project I completed for the reactd course at CoderHouse. is an web app multi page for an e-commerce, which includes a home, list of products, contact, cart, payment methods, checkout and confirmation order.

Features

This project simulates an e-commerce that allows buy a unique experience for users seeking virtual companionship or friendships.. It has been created with a multi-page structure that allows navigation through different sections of the platform, including a payment gateway.

Technologies

To develop this project, HTML, CSS, REACT, Tailwind, FIREBASE, FIGMA were used.

Design

If you want to take a look at the page design file in Figma, you can access it at the following link:

• Soulmate Figma

Getting Started with Vite

This project was bootstrapped with Vite.

Available Scripts

In the project directory, you can run:

npm dev

Runs the app in the development mode. Open http://localhost:5184/ to view it in your browser.

The page will reload when you make changes. You may also see any lint errors in the console.

npm run build

Builds the app for production to the build folder. It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes. Your app is ready to be deployed!

Prerequisites

• Visual Studio Code
• NodeJs > 16 Recommendation use nvm

Folder Structure

• src: It is the main folder containing all our code within the React application and includes all the functionalities.
• components: It is the folder that contains all the components of our application (e.g., Header, Button, Products, etc...).
• App.js: It is the component where the entire application starts.
• pages: It is the folder that contains all the pages of our application (e.g., Home, Cart, Checkout, etc.).

Contribution

If you wish to contribute to this project, you are welcome to do so! You can fork the repository and submit your pull requests with your changes. I will be happy to review your contributions and discuss how we can improve the platform together.

If you're not sure how to do it, follow these steps:

1. Visit the main repository page on GitHub: https://github.com/Jaguilera23/Soulmate-AI.git

2. Click the "Fork" button in the upper right corner of the page. This will create a copy of the repository in your GitHub account.

3. Clone the repository from your GitHub account to your local machine using one of the following methods:

• https://github.com/Jaguilera23/Soulmate-AI.git
• GitHub CLI: gh repo clone Jaguilera23/StarsUp
• Download the repository in ZIP format using the "Code" button on the main repository page.

4. Create a new branch (git checkout -b new-functionality) to make your changes.
5. Make your changes in the created branch and commit them (git commit -m "Add new functionality").
6. Push your changes to the original repository by pushing the created branch (git push origin new-functionality).
7. Create a pull request on the original repository page for your changes to be reviewed and considered for incorporation into the project.

Remember to follow good development practices and document your changes well to facilitate the review and acceptance process. Thank you for your contribution!

Supported Browsers

• Google Chrome
• Mozilla Firefox
• Safari

Responsiveness

The designed web page is fully responsive, meaning it adapts to different screen sizes and devices. This has been made possible by using Bootstrap, which has allowed for creating a design that automatically adjusts to the characteristics of each device.

Author

This project has been created by Jose Aguilera as part of the Web Development course offered by CoderHouse. If you have any questions or suggestions about the project, you can contact me via email at admaguilera23@gmail.com or through my linkedin .