Skip to content

CodersCamp2021/team-lp-project-2

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CodersCamp 2021 - Team: Łukasz Powązka

Project 2: React.js

Mentor: Łukasz Powązka

Team members:

Project deployed on Netlify: https://wizardly-mayer-ab1861.netlify.app/

How to Use

Please be aware - app is not going to have any products and/or working functions related to them if ran locally without .env.local file with DB access (with appropriate product data)!

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

npm install

Installs dependencies required to run the app.

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

Overview

Population of Earth is now at almost 2 years of pandemic and constant lockdowns. Prices are at all-time high, inflation is skyrocketing, noone is happy. There is one group of people that's particularly unhappy and opressed - gamers. The cryptocurrency boom feels like it's been lasting forever with PC parts costing a fortune (graphics cards being prime example). Worldwide microchips shortages are definitely playing a big part in it and there's no obvious solution in sight. The story would end here... HOWEVER!

One day a rift has opened in a certain part of Poland, near Wrocław. It was discovered to contain a massive deposits of silicon and was promptly turned into a mine. As to what the place was called, a term Silicon Alley was coined by an anonymous entity and seemingly the PC part crisis was solved... or was it?

The amount of electronics produced (as well as the demand for them) ended up being so gigantic that all the stores couldn't handle every consumer order and a need for yet another electronics store arose. And that is how this project came to be.

!! IMPORTANT !!

The backend team responsible for the server managed to finish their work very quickly. However, once they completed their tasks, they've gone dark on us. So for now, we don't have any control over what happens on the backend. Keep that in mind when requesting new features for the shop!

Project Assumptions

The main assumption of the project is to create an application through the appropriate use of the React knowledge acquired during the course.

A six-person design group, under the guidance of a mentor, who is also a customer of the product, decided on the subject of the store. The store contains computer components.

The store has several categories with components for computers that the user can add to the cart and (seemingly) complete the transaction.

The customer who makes the purchase can also filter the products, including category, price and brand filters.

The store project is just an example of how an actual store works. It allows us to consolidate the previously acquired knowledge and apply it in practice.

Additional Features

  • Livechat + Chatbot in application

Technologies

  • React
  • React Router
  • Chakra UI
  • Downshift
  • Firebase/Firestore
  • Jest (React Testing Library)
  • Figma
  • Trello

Aplication design

Home view

image

Store view

image

Cart Component

image

Chatbot

image

About

CodersCamp - Team Łukasz Powązka - Project 2

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published