- Filter by category function NOT working yet.
- Add to cart function NOT working yet.
cd
into the directory you want to save the repo into.- Use the command
git clone
followed by https://github.com/fac26/Week6-GLNDK-Full-Stack-App.git to clone the repo. - Use the
npm install
command to install all dependancies on your local machine. - Use the
npm run seed
command to seed the database with example data. - Run the server by using
npm run dev
command.
Open http://localhost:3000 with your browser to see the result.
- As a user, I want to be able to search and filter comic books by author and price, so that I can easily find the comics I am interested in.
- As a user, I want to be able to view the homepage with a list of comic books, so that I can see what is available.
- As a user, I want to be able to view individual product pages with quantity, colour and variant pickers, so that I can choose the options I want before adding the item to my basket.
- As a user, I want to be able to add items to my basket, so that I can keep track of what I want to purchase.(stretch goal)
- As a user, I want my basket contents to be persisted for future visits, so that I can come back to the site later and continue where I left off.(stretch goal)
- As a user, I want to be able to filter products by category, so that I can find the type of comic books I am interested in.
- As a user, I want to be able to sort products by price, so that I can find the best deals.
- The site should be server-rendered using Next.js.
- The homepage should display a list of comic books available for sale.
- Each comic book should have its own individual product page, containing quantity, colour and variant pickers.
- All data should be stored in a SQLite database.
- The site should include an "Add to Basket" button on each product page.
- The site should include a basket page that shows all saved items.
- Basket contents should be persisted for future visits using local storage.
- The site should include a way for users to filter products by category.
- The site should include a way for users to sort products by price.
- The site should include end-to-end tests to ensure that all functionality is working as expected.
Stretch Criteria
- Allow users to leave reviews and ratings on products.
- Implement authentication and authorization to restrict access to certain pages or functionality.
- Allow users to view their purchase history and track the status of current orders.
- Implement a search bar to allow users to search for specific comics or authors.
- Implement a recommendation system that suggests products based on the user's purchase history or browsing behaviour.
- This is a Next.js project bootstrapped with
create-next-app
.
Laura, Gareth, Dominic, Niete, Konstantina