Skip to content

rodri-ribes/BookITech

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 

Repository files navigation

Introduction

This is a student group project carried out as a first great challenge in which we unite all the knowledge and technologies learned in the Soy Henry bootcamp.

It is a SPA (single page application) in which we develop an e-commerce of books from the IT sector, where you can search, filter, order and save the books you want as favorites in your profile.

Enjoy buying your favorites!

Project Objetives

  • Build a JavaScript App
  • Afirm and conect all the learned concepts in the Carreer
  • Learn and practice GIT workflow / team work / good practices
  • Use SCRUM agile methodology

Stack of Technologies

Front End:

  • HTML
  • CSS
  • Javascript
  • React
  • Material UI
  • Redux-Toolkit

Back End:

  • Node.js
  • Express
  • Firebase
  • Json web token authentication
  • Nodemailer
  • Mongoose

Database:

  • MongoDB

SCRUM-Support:

  • Jira

Starting Instructions

IMPORTANT: Necesary version of node and NPM

Node: 16.17.0 or higher
NPM: 8.15.0 or higher

BoilerPlate

The boilerPlate has two folders: api and client.

Inside client you must have to create a file called: .env.local that has the following form:

REACT_APP_API=http://localhost:3001
REACT_APP_FIREBASE_API_KEY=AIzaSyCueqjsQlOMCj3_nChcxdAHtIZe1KF0CDA
REACT_APP_FIREBASE_AUTH_DOMAIN=pf-books-58155.firebaseapp.com
REACT_APP_FIREBASE_PROJECT_ID=pf-books-58155
REACT_APP_FIREBASE_STORAGE_BUCKET=pf-books-58155.appspot.com
REACT_APP_FIREBASE_MESSAGING_SENDER_ID=223624109594
REACT_APP_FIREBASE_APP_ID=1:223624109594:web:c36a0145fa768047947ba3

Install the necesary package to run it

  • Open the project console
    • Inside api folder, run the command line, npm install
    • Inside client folder, run the command line, npm install

Run the project

  • Open the project console *Inside api folder, run the command line, npm start *Inside client folder, run the command line, npm start (go to http://localhost:3000/)



Project Screens

Home

Home

Search

Search

Details

Search

Signin

Signin

Signup

Signup

Verified account

Verified

Favorites and Cart

Favorites

Profile

Profile

Shopping History

Shoping

Reviews

Reviews

Comments

Comments

Favorites in Profile

Favorites