Me-Track Frontend Application

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

Links

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

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?🤩

We are already accepting signups. Go Register Now

Technologies used

Front-end

Next.js
Tailwind CSS ( DaisyUI )
Redux Toolkit

Backend

Node.js
Express.js
Web Sockets ( Socket.io )

Database

MongoDB Atlas

Deployment

Linode
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.

mukulrajpoot262610/metrack-frontend-hackathon