/dev-world

An application with register and login page, wich the main functionality is find dev's information based on GitHub profile

Primary LanguageTypeScript

Dev World

GitHub repo size GitHub language count GitHub forks Bitbucket open issues Bitbucket open pull requests

Animação

Application to developers find another developers in Github and favorite any they want

💻 How it was made

To the Frontend of the application it was used Next.js, that is a Framework for React and it was styled using Chakra UI. It's consuming my own API made using Node.js. And the data is being storaged in MySQL database.

I am using the Github API to get the user's information and show to the application's user

The authentication it was made using Node.js and JWT to the exchanges between client and server. The passwords of the user is been encrypted. It also has a social auth from Github.

🚀 Technologies used in project

  • React
  • Next.js
  • Chakra UI
  • Framer Motion
  • Node.js
  • MySQL

☕ How to start the project in your machine

On the repository is cloned in your computer, to use the dev-world follow the steps below:

  // Open two terminals
  // In the first one, enter in the server folder:
  cd server
  npm install OR yarn install
  yarn dev
  
  // In the second one, enter in the client folder:
  cd client
  npm install OR yarn install
  yarn dev

Now you can access the application in http://localhost:3000

📫 Contributing to dev-world

To contribute, follow the next steps:

  1. Fork this repository.
  2. Create a new branch: git checkout -b <branch_name>.
  3. Make your changes and confirm them: git commit -m '<commit_message>'
  4. Send to the main branch: git push origin <project_name> / <local>
  5. Create the pull request.

As an alternative, check the documentation of the Github to lear how to make a pull request: (https://help.github.com/en/github/collaborating-with-issues-and-pull-requests/creating-a-pull-request).

🤝 Developer

Bryan's profile photo
Bryan Martins