Devstore

Devstore is an e-commerce that sells t-shirts and hoodies.

This project aimed to learn more about the new features of NextJS 13+ with the "App" folder.

With this new version of the most popular ReactJS framework, we have React Server Components in a more consolidated way, as well as cache data configuration within the requests, layout folder architecture, loading and streaming SSR, etc.

Besides, Cypress was used as an E2E testing library to test the whole user interface.

Devstore | Status: Done ✔️

Table of Contents

• Features
• Requirements to run the project
• Running the application
• Main Technologies
• Final Result
  • Home page
  • Product page
  • Search page
• License
• Author
• Contributing Guidelines

Features

1. Add a product to cart

When you are on the product page, there's a button to add the current product to the cart.

2. Search for a product

In the header, if you type something, like "camiseta", the interface will search for the products you want.

Requirements to run the project

Before you run the project, check if you have [Node.js](https://nodejs.org/en/) installed on your machine, as well [Git](https://git-scm.com) to clone this repository.

Running the application

    # Clone this repository on your machine:
    $ git clone https://github.com/vitorlinsbinski/devstore.git

    # Access the project folder in your terminal:
    $ cd devstore

    # Install all dependencies:
    $ npm install

    # Run the application:
    $ npm run dev

Main Technologies

• ReactJS
• TypeScript
• NextJS
• Lucide React
• Tailwind CSS
• Cypress
• ZOD

Final Result

Home page

/

Product page

/product/[id]

Search page

/search?q=[something]

Check out the project working: https://devstore-ruby.vercel.app/

Contributing Guidelines

Contributions are welcome! Whether you want to fix a bug, add a new feature, or improve documentation, your contributions are valuable.

License

This project is licensed under MIT License.

Author

_{Vitor Linsbinski} 🚀

Developed by Vitor Linsbinski