Project Name: Comic Cohort 🦸

---

A Comic Book e-commerce shopping site

Things that don't work yet.

- Filter by category function NOT working yet.

- Add to cart function NOT working yet.

Getting Started

1. cd into the directory you want to save the repo into.
2. Use the command git clone followed by https://github.com/fac26/Week6-GLNDK-Full-Stack-App.git to clone the repo.
3. Use the npm install command to install all dependancies on your local machine.
4. Use the npm run seed command to seed the database with example data.
5. Run the server by using npm run dev command.

Open http://localhost:3000 with your browser to see the result.

User Stories

• 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.

Acceptance Criteria

• 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.

The plan

Contributors

Laura, Gareth, Dominic, Niete, Konstantina