alesshub/rankingapp

Getting Started with RankingApp "ARCOAPPS"

This is a web application to qualify all applications, filter according to their ranking in the best, intermediate and worst, analyze and/or delete apps. The technologies implemented in this project are React, React-Router 6.4.3, BootstrapReact, SASS, StyledComponents and a significant amount of JS, JSX, and SCSS. This project was created by Factoria 5 Team 2 "ARCO" To see and download our Project visit [https://github.com/adriansunye/rankingapp]

Available Scripts

In the project directory, you can run:

npm install

For getting start with your new project with React

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

To Run Test Suite

npm run eject

For run the configuration and script files. You also can upgrade or downgrade the dependencies version on the ejected package.json file.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance. The build is minified and the filenames include the hashes.\

Your app is ready to be deployed!

Learn More

To learn React, check out the React documentation

Making a Progressive Web App

This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app

Prerequisites

• Node.js > 12 and npm (Recommended: Use nvm)
• Visual Studio Code download and install

Base dependencies

• react for build our user interfaces.
• react-route-dom for implement dynamic routing in a web app.
• react-bootstrap for create responsive and styled components.
• react-app-rewire-alias for save a directory config-overrides at the root of the project and exporting overrides from the default index.
• bootstrap for create responsive and styled components.
• SaSS for state management.
• styled-components for styled react componennts.

Folder structure

This template follows a very simple project structure:

• src: This folder is the main container of all the code inside your application.
  • assets: Asset folder to store all images, vectors, etc.
  • components: Asset folder to store any common component that you use through your app (such as a generic button)
  • router: Folder to store Public Router
  • services: Asset folder to store LocalStorage and dates.
  • store: Asset folder to store jsons archives with data (apps).
  • utils: Folder to store variables.
  • views: Asset folder to store pages.
  • App.js: Main component that starts your whole app.
  • App.scss: Global component of style.
  • index.js: Entry point of your application as per React-Native standards.