Plant Peace is an e-commerce platform focused on selling plants. Here, you can register, edit, and showcase your plants for sale, as well as explore a product catalog in an intuitive and responsive platform.
The main features include:
- ✅ User registration with authentication
- 🛠️ User profile configuration
- 🌿 Plant listing for sale
- 📚 Product catalog browsing
- ✏️ Editing of registered products
- 📱 Responsive layout
- 🌗 Light and dark themes
This project was developed using the following technologies:
- React: For building interactive and dynamic user interfaces.
- Tailwind CSS: For fast and responsive styling.
- TypeScript: To ensure greater code safety.
- Json-Server: To simulate a backend with a RESTful API.
- Clerk: For authentication and user profile management.
This project was developed in 8 days during the eighth week of the front-end development scholarship program with React by Compass UOL.
You will need Node.js and npm installed globally on your machine.
You will also need an API Key from Clerk.
Check the bottom section of this doccument for a step-by-step on how to configure your clerk api key in order for this app to work as intended
- Clone this repo
git clone https://github.com/ByLopezX/ARD24_D02_REACTIVISTAS- Install the packages and dependencies using npm
npm install- Enter your API Key in .env
VITE_CLERK_PUBLISHABLE_KEY=your-key-here
- Start json server
npx json-server --watch db.json- Start the server
npm run dev- Visit the app
localhost:5173
For the Clerk authenticator to function correctly in this project, the following settings must be configured in the account associated with the key being used:
