Yard Sales is a web application that allows users to buy and sell items in their local neighborhood. It provides a platform for individuals to list their items for sale and for potential buyers to browse and purchase items of interest. The application includes both an admin dashboard for managing products and a customer interface for browsing and buying.
- User registration and login: Users can create an account or log in using their credentials.
- Admin dashboard: The admin account has access to a dashboard for managing products.
- Product listing: Users can list their items for sale by providing details such as title, price, description, category, and images.
- Category selection: Users can choose the appropriate category for their listed items.
- Image upload: Users can upload images of the items they are selling.
- Product browsing: Customers can browse the available products and view their details.
- Purchase process: Customers can add items to their cart, proceed to checkout, and complete the purchase.
- Notifications: Users receive notifications for successful transactions and other important updates.
- Clone the repository: git clone git@bitlab.bit-academy.nl:fd4cef68-db64-11ec-a693-4213e7ee7fac/31579337-3409-450a-9adf-0290aa70e64f/The-Webshop-97a58026-162dce26.git
- Install the dependencies: npm install.
- Configure the environment variables:
- Create a
.envfile based on the provided.env.examplefile. - Set the appropriate values for the environment variables, such as database connection details and API endpoints.
-
Start the application: npm run dev.
-
Access the application:
-
Admin account: Use the following credentials to access the admin dashboard:
-
Email: admin@mail.com
-
Password: admin123
-
Customer account: Use the following credentials to access the customer interface:
-
Email: john@mail.com
-
Password: changeme
- If you encounter any issues related to the usage of
next/imagefor image optimization and serving, please make sure to add the appropriate image source links to thenext.config.jsfile in the root directory of the project. This step is necessary to ensure proper rendering and optimization of images throughout the application.
- Front-end:
- React: JavaScript library for building user interfaces.
- Next.js: React framework for server-side rendering and routing.
- Tailwind CSS: Utility-first CSS framework.
Contributions to Yard Sales are welcome! If you find any bugs or have suggestions for new features, please open an issue or submit a pull request.
This project is licensed under the MIT License.