Skip to content

kavabunga/goodfood-frontend

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

GoodFood • frontend

Static Badge Static Badge Static Badge Static Badge

Screen cast

A platform for selling and delivering healthy and dietary food online. A React application using TypeScript. Project demo is available here: https://goodfood.sytes.net

Objective

Gain experience in team development under conditions close to real ones:

  • create a product in a cross-functional team;
  • follow the brief and customer comments;
  • strictly adhere to deadlines.

Result

The team managed to stick to the schedule and demonstrate a working application at each presentation. Initially, the MVP was delivered, followed by two more releases. The project took 3 months to complete.

During the process, the feature list had to be revised multiple times, and compromises were made regarding architectural solutions and the depth of code reviews. All existing application issues are kept in the backlog and outlined below in future plans.

Features

  • Main page (header, menu, footer)
  • Slider block
  • "Best Sellers" block
  • "About Us" page
  • "Recipes" page
  • Product catalog (with various categories)
  • Product card
  • Search and filter functionality
  • User registration and authentication
  • User account (with the ability to change user data)
  • Favorite products
  • Order history
  • Cart
  • Functionality to add products from the recipe to the cart
  • Order checkout (with delivery and payment options)
  • Online order payment
  • Product rating
  • User reviews
  • Applying promo codes at checkout
  • Mobile version

Future Plans

  • Reorganize the application structure. Separate business logic from UI.
  • Refactor component code. Extract types and constants, add comments/documentation for component interfaces and key functions.
  • Refactor styles. Use SASS features, extract key values into variables, reorganize nested component selectors and pseudo-classes.
  • Populate Story Book for further component work.
  • Connect new payment services.
  • Use libraries for forms and field validation (React Hook Form, Zod/Yup).
  • Bug fixing.

Project launch

## After cloning the repository, install dependencies.
## For reliable operation, we recommend clean install:
npm ci

## To run the Vite builder in development mode:
npm run dev

Env

The application and API addresses need to be specified in the .env file at the root of the project.

Sample .env file

VITE_BASE_URL=http://localhost:3000
VITE_API_URL=http://localhost:3000/api

Detailed information on working with the project can be found in the CONTRIBUTE.MD file.

Docs and links

Team

Tsukanov Semyon, Badalyan Karina, Egorova Daria, Shushkova Elena, Ilina Daria, Danilovich Alexey, Ivashova Maria, Kharlakov Vitaliy, Vladislav Potylytsin, Egor Kolesnikov, Nikishin Andrey, Karmyshkov Evgeny, Semyon Katz, Volkova Galina, Govorlivykh Artyom, Boriskin Ivan, Strelnikova Yuliana, Bobkov Konstantin, Sharapov Vyacheslav, Andreev Pavel, Kalyagin Alexey, Steraspolskaya Elena, Liukkonen Svetlana, Tokareva Natalia, Doroshenko Ivan, Krupennikova Olga, Manasyan Khagina, Buguraev Nikita

About

Online marketplace for healthy food

Resources

Stars

Watchers

Forks

Languages

  • TypeScript 77.2%
  • SCSS 19.7%
  • MDX 1.9%
  • CSS 0.8%
  • JavaScript 0.3%
  • HTML 0.1%