Skip to content

rodrigodiasf1984/nlw-eSports-react-react-native-node.js-2022

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

NLW-eSports project WEB(React), Mobile(React-Native) and server(Node.js)

📷 Demonstration

WEB

Capa Nlw web 1 Capa Nlw web 2 Capa Nlw web 3

Mobile Android and IOS

Capa Nlw mobile Capa Nlw mobile Capa Nlw mobile

🚀 About the project

The project consists in create a WEB app to view and create adds to find others players to play toghether, the mobile is to view the adds and the node.js is the api.

📋 Starting the application

  1. Clone the repository with https://github.com/rodrigodiasf1984/nlw-eSports-react-react-native-node.js-2022.git
  2. Open a terminal and enter to cd react-native-uber-clone-tailwindCss-redux-toolkit
  3. Open the server folder, cd server, in other terminal open cd mobile and cd web
  4. Install all dependencies with the command yarn or npm
  5. Type code . to open the project on vscode
  6. In the server project run yarn dev to start the api.
  7. In the web project run yarn dev to start the web project.
  8. In the mobile run expo start press i to open IOS or a to open Android

📋 Some files architecture information

./assets -- Files that are not code subdivided according to their functionality

./components -- Files .jsx of reusable React components in more than one parent component.

./screens -- Files jsx that describe React components that represent an accessible screen.

🔨 Tools used

  • ⚛️ TailwindCss - Is a framework of CSS for styling components
  • 📄 Radix-UI - An open-source UI component library for building high-quality, accessible design systems and web apps.
  • 📄 React-Navigation-V6 - Is a library to Routing and navigation for Expo and React Native apps.
  • 📄 Styled-components - Is a Visual primitives for the component age.
  • 📄 React-Toastify - Is a Library toastify-react-native allows you to add notifications to your react-native app (ios, android) with ease. No more nonsense!
  • 📄 Prisma - Is a ORM working with databases thanks to its intuitive data model, automated migrations, type-safety & auto-completion.
  • 📄 Vite - Is a Next Generation Frontend Tooling.

📝 License

This project is under the MIT license. See the LICENSE file for more details.

Made with 💜 by Rodrigo Figueiredo

👍 Thanks!

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published