Skip to content

Pet project (tea shop) that built on these technologies: Typescript, React as Front-end framework, Node.js as Backend, Nest js as Backend-framework, Jest for testing, Postgres database, TypeORM for postgres, Formik react-library for forms

Notifications You must be signed in to change notification settings

alwafor/pern-tea-shop

Repository files navigation

pern-tea-shop

Description

Pern tea shop is a fullstack project, that uses PERN stack. Nest js is used as backend Node js framework. Project also has deployment on heroku, where you can try it out.

Pay attention!

Almost every project image is included via url, so you may see empty or alt images somewhere.

Database map

db_map

Entities description

Product

Product is a main entity that represents shop product, that customers may want to buy.

Product Info

Product info entity represents additional info for every product, that user can view on product page.

Basket

Basket is entity that represents user's basket. Basket contains different product that user is going to buy.

Type

Type entity represents product type, for example, tea, coffee, etc. Type used to navigate through different type pages on frontend.

Type Values

Type Values entity represents different aspects, that only bound to one type. For example, tea can have color: black, green, yellow etc. But coffee type can have only a few colors. So, we need to specify type values for each product type. Product types are used by filter system.

Brand

Brand is a simple entity that represents product brand.

Rating

Rating entity represents users' rates for products.

User

Simple entity that represents user

User Data

Additional entity to user that contains different user information, such as first name, second name, etc.

Roadmap

  • Backend
    • Create entities ✅
    • Connect typeorm ✅
    • Switch to nest js ✅
    • Create base routes for every entity 🔲
  • Frontend
    • Main page
      • Create navbar ✅
      • Implement different navbar states depending on authorization ✅
      • Create products wrapper and make it adaptive ✅
      • Bind categories to sidebar 🔲
      • Implement different sections with products (at least 3) 🔲
    • Product page
      • Implement base Product page 🔲
      • Make HTML adaptive 🔲
      • Implement filtering 🔲
      • Create advanced products wrapper
        • Make it adaptive 🔲
        • Configure different additional functionalities
          • Add product to favourites 🔲
      • Implement pagination 🔲
    • Basket page
      • Implement products list 🔲
      • Add possibility to change products amount 🔲
    • Order page
      • User contact data inputs 🔲
      • Sections
        • Products section 🔲
        • Delivery section 🔲
        • Payment section 🔲
        • Contacts of order's receiver 🔲

About

Pet project (tea shop) that built on these technologies: Typescript, React as Front-end framework, Node.js as Backend, Nest js as Backend-framework, Jest for testing, Postgres database, TypeORM for postgres, Formik react-library for forms

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published