metrack-frontend-hackathon

KO | EN

gitlite — search

#python #java #python3 #arduino #golang #machine-learning #rust #html #flask #javascript #seismology #nodejs

metrack-frontend-hackathon

★ 13 Open GitHub ↗

No description available.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<h1 align="center">Me-Track Frontend Application</h1>
<p align="center"> This is a Linode X Hashnode project built using Next.js and Express deployed on Linode. </p>

![Me-Track](https://user-images.githubusercontent.com/73209159/176242823-405d5f2f-ba4b-45ee-b898-b3ab110fd075.png)

## Links

GitHub: [Front-End](https://github.com/mukulrajpoot262610/metrack-frontend-hackathon) / [Back-End](https://github.com/alsoamit/metrack-api) / [Admin-Panel](https://github.com/mukulrajpoot262610/metrack-admin)

Read our [Hashnode Article](https://blogs.mukulrajpoot.com/metrack-collaborative-youtube-learning#comments-list)

Deployed Links: [Front-End](https://metrack.tech) / [Back-End](https://api.metrack.tech) / [Admin-Panel](https://admin.metrack.tech)

## 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.
<div align="center">
  
Isn't it amazing?🤩
  
![Screenshot 2022-06-27 221132](https://media.giphy.com/media/PNuPpI1yRcdDjvpSEs/giphy.gif)

We are already accepting signups. Go [Register](https://metrack.tech) Now

</div>

## 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](https://github.com/alsoamit/metrack-api-hackathon) 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](https://github.com/mukulrajpoot262610/metrack-frontend-hackathon/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](https://github.com/mukulrajpoot262610/metrack-frontend-hackathon/blob/main/CONTRIBUTING.md) to learn about the style guide, folder structure, scripts, and how to contribute.

## Contributors

1. [mukulrajpoot262610](https://github.com/mukulrajpoot262610)
2. [alsoamit](https://github.com/alsoamit)

## License

This project is open source and available under the [MIT License](https://github.com/mukulrajpoot262610/metrack-frontend-hackathon/blob/main/LICENSE).

## Attribution

The project is deployed on [Linode](https://www.linode.com) for the [Hashnode X Linode Hackathon](https://townhall.hashnode.com/build-with-linode-hackathon-june-2022?source=hashnode_countdown).

![mYWGJOj8V](https://user-images.githubusercontent.com/73209159/176347320-11f68c2d-d169-4191-82e4-56c305b7d3dd.png)

metrack-frontend-hackathon

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README