Skip to content

manikangkan/hackathon

Repository files navigation

Project hackathon site

📜 Screenshots

Web capture_22-6-2022_105013_localhost Web capture_22-6-2022_105038_localhost Web capture_22-6-2022_105112_localhost Web capture_22-6-2022_105126_localhost Web capture_22-6-2022_105246_localhost

🤔 Objective

Create a hackathon app where one can create hackathon & see the list.

🥇 Context

Imagine you are working for an Edtech company and you are asked to create a simple application that will allow to create a hackathon and seek participation to get solutions. The hackathon consists of a problem statement which can be accessed by participants to solve and make a submission. Here let’s imagine those who create a hackathon as organizer and those who can take part in it as “participant(s)”. Now as a developer you are asked to create a dashboard for organizer to create a hackathon.

🐤 Application overview

  • Oragnizers should be able to create, edit, and delete hackathons.

    • Every hackathon should contain the following data -
      • Name
      • Start date
      • End date
      • Description
      • Image
      • Level (easy, hard, medium)
  • Organizers should be able to see list of hackathons created, sort, search, filter and preview -

    • Organizers should also be able to sort the challenges (newest first and oldest first), can filter using level (easy, medium, hard) and status (active, upcoming, past), and can search hackathon using the name.
    • Active hackathons card should have a timer that will show when it will end.
    • Upcoming hackathons card should have a timer that will show when it will start.
    • Past hackathons card should have a start & end date.
    • When clicked on the hackathon it should take the user to the page where the user can see all the data related to hackathon.
      • On this page, there should be an edit & delete button.

🏗️ Built With

🧑🏻‍🎤 Installation

  1. Clone the repo

    git clone https://github.com/manikangkandas/hackathon.git
  2. Install packages using NPM or YARN

    npm install

    or

    yarn add
  3. Run using NPM or YARN

    npm run dev

    or

    yarn dev

💁🏻‍♂️ Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

  1. Fork the Project
  2. Create your Feature Branch git checkout -b feature/AmazingFeature
  3. Commit your Changes git commit -m 'Add some AmazingFeature'
  4. Push to the Branch git push origin feature/AmazingFeature
  5. Open a Pull Request

©️ License

Distributed under the MIT License. See LICENSE.txt for more information.

🤝 Contact

Author Info - @manikankandas - [email protected]
Project Link - https://github.com/manikangkandas/hackathon