/esports

Primary LanguageTypeScript

eSports

Next Level Week

Project   |    Technologies   |    Layout   |    How to Use   |    TODO   |    License

GitHub language count GitHub top language GitHub repo size GitHub last commit Github license

esports


💻 Project

NLW is the biggest free online programming event by Rocketseat in practice with lots of code, challenges, networking and a single goal: to take you to the next level.

During a week we had access to an efficient methodology for our learning, a community with thousands of developers and a complete experience to accelerate our evolution as a dev.

You learn how to develop an application to put in your portfolio, add more value to your resume and have access to better opportunities in programming.

🚀 Technologies

This project was developed with the main following technologies:

🔖 Layout

You can view the layout of the project in the web & mobile versions. You need to have a Figma account to access it.

ℹ️ How To Use

To clone and run this application, you'll need git, yarn, node. From your command line:

# Clone the repository
$ git clone https://github.com/gisabernardess/esports.git

🖥️ Web

# Go into the repository
$ cd esports/web

# Install dependencies
$ npm install

# Run the development server
$ npm run dev

# Navigate to http://localhost:5173
# The app will automatically reload if you change any of the source files.

📱 Mobile

# Go into the repository
$ cd esports/mobile

# Install dependencies
$ yarn

# Run the development server
$ yarn start

# The app will automatically starts Metro Bundler. You may use an emulator or your own smartphone.
# The app will automatically reload if you change any of the source files.

⚙️ Server

# Go into the repository
$ cd esports/server

# Install dependencies
$ npm install

# Create the .env file in the repository using the sample file .env.example

# Run the development server
$ npm run start

# Navigate to http://localhost:3333
# The app will automatically reload if you change any of the source files.

✨ TODO

  • responsiveness
  • carousel (e.g keen-slider)
  • form validation (e.g react-hook-form & zod)
  • authentication (e.g discord & twitch)

📝 License

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


Made with ♥ by Gisele Pecapedra 👋🏻 [Get in touch!](https://www.linkedin.com/in/gisabernardess/)