Skip to content

mukulrajpoot262610/metrack-frontend-hackathon

Repository files navigation

Me-Track Frontend Application

This is a Linode X Hashnode project built using Next.js and Express deployed on Linode.

Me-Track

Links

GitHub: Front-End / Back-End / Admin-Panel

Read our Hashnode Article

Deployed Links: Front-End / Back-End / Admin-Panel

The Problem

Youtube has enough resources to learn any skill online. But it's not at all collaborative and you can't track what you're learning. Particularly for developers, it is very important to follow a defined roadmap, get peer support through online discussions, and be able to see what others are building.

But, all you get there is unorganized random chats. Youtube is full of unorganized resources.

The Idea

The idea is to build a collaborative website where people can share their projects and get real-time feedback. They should also be able to discuss all the minor doubts and errors that one gets while watching a coding tutorial. So, you don't lack motivation and give up on your project eventually.

Don't forget, engagement with the community is very important to learn any skill faster.

The Solution

MeTrack is a website where you can find top-rated tech videos and tutorials in the form of a course.

This is how we solve this problem for our fellow developers who are learning to code.

  • Hand-picked youtube tutorials for developers.

  • Peer support: Realtime discussion panel to ask your doubts.

  • See the projects others have built by following the tutorial.

  • Building in public: Upload your projects and get feedback from others.

  • Proof of Work: Show your profile to potential clients and recruiters to grab the opportunity.

In other words,

MeTrack helps you sail through the endless ocean of tech resources on YouTube.

Isn't it amazing?🤩

Screenshot 2022-06-27 221132

We are already accepting signups. Go Register Now

Technologies used

Front-end

  1. Next.js
  2. Tailwind CSS ( DaisyUI )
  3. Redux Toolkit

Backend

  1. Node.js
  2. Express.js
  3. Web Sockets ( Socket.io )

Database

  1. MongoDB Atlas

Deployment

  1. Linode
  2. Vercel

Demo Development

Clone, install and setup the Rest API first from the backend repo on port 3001.

Clone and install the Frontend.

git clone git@github.com:mukulrajpoot262610/metrack-frontend-hackathon.git
cd metrack-frontend-hackathon
yarn install

Create a .env.local file and add these environment variables.

NEXT_PUBLIC_API_URL = http://localhost:3001
NEXT_PUBLIC_GOOGLE_ANALYTICS = <google-analytics-gtag>

Run a development server.

yarn dev

Contributing

MeTrack is an open source project, and contributions of any kind are welcome and appreciated. Open issues, bugs, and feature requests are all listed in the issues tab if any.

Feel free to make feature requests. Easy bugs and features will be tagged with the good first issue label.

View CONTRIBUTING.md to learn about the style guide, folder structure, scripts, and how to contribute.

Contributors

  1. mukulrajpoot262610
  2. alsoamit

License

This project is open source and available under the MIT License.

Attribution

The project is deployed on Linode for the Hashnode X Linode Hackathon.

mYWGJOj8V