/marcio-DEVendas

This Project is an application of an e-commerce virtual store

Primary LanguageJavaScriptMIT LicenseMIT

NPM

About the Project

Demo: https://marcio-devendas.pages.dev/home

This Project is an application focused more on the front-end that aims to be a virtual store, having versatility and the necessary security standards.

Mobile layout

Mobile

Computer layout

Web

Technologies used

  • JavaScript programming language (JSX)
  • made in React js library

Installed Dependencies

  • @reduxjs/toolkit:

An officially recommended library and SOPE which stands for simple, opinionated, powerful and effective state management library. This allows us write more efficient code, speed up the development process, and automatically apply recommended best practices

  • Bootstrap:

Is an open-source web framework for developing interface and front-end components for websites and web applications, using HTML, CSS and JavaScript, based on design templates for typography, improving the user experience in a friendly and responsive website

  • Firebase:

Firebase is a set of hosting services for any type of application. Offers NoSQL and real-time hosting of databases, content, social authentication and notifications, or services such as a communication server In real time

  • Framer-motion:

A production-ready motion library for React. Harness the power behind Framer, the ultimate team prototyping tool. Proudly open source.

  • React-redux:

Redux is an open source JaScript library for managing application state. It is most commonly used with libraries like React or Angular to create user interfaces. Similar in architecture to Facebook's Flux, it was created by Dan Abramov and Andrew Clark

  • React-toastify:

Often, while we are developing our applications, we want to inform the user of success or error messages after some action is taken. Natively by Javascript itself, we could display it through window.alert, but let's face it, it's not the most elegant way to be followed! Thinking about it, there are several libraries that help us in this simple task and today we are going to talk about one developed for React, called React-tostify!

  • Reactstrap:

Reactstrap is a popular frontend library which is easy to use React Bootstrap 4 components. This library contains stateless React components for Bootstrap 4. The Button component allows the user to perform actions and make choices with a single tap. We can use the following approach in ReactJS to use the ReactJS Reactstrap button component.

Deployment to production

  • CloudFlare

How to run the project

# clone repository
git clone https://github.com/marciosenaf/marcio-DEVendas

# Install dependencies
npm install

# Build the project
npm run build

# Run the project
npm start

Autor

Márcio Sena

https://www.linkedin.com/in/marciosenaf/