Eduhack Client
Eduhack Client - Built using React JS, Material UI, SASS, Axios, etc. It provides features such as Hackathon creation and management, Competitive coding platform, reading articles, Live Code Editor supporting multiple programming languages, etc.
Overview
Eduhack is an impressive hackathon and coding platform that brings together students, developers, and organizations to foster collaboration and innovation. It serves as a comprehensive solution, catering to all aspects of hackathon management while also providing robust coding capabilities. With its user-friendly interface and powerful tools, Eduhack streamlines the entire process from organizing events to submitting code, making it a go-to resource for coding enthusiasts and organizations alike.
This platform not only facilitates the seamless management of hackathons but also supports competitive coding with live features. Participants can engage with coding challenges while organizations can easily track submissions and announce winners, making it an essential tool for both learning and competition.
Features
- User Authentication and Authorization: Supports various user types including students, developers, and organizations for secure access control.
- User Profile Management: Allows users to create and customize profiles, enhancing their interaction with the platform.
- Organize Hackathons: Organizations can effortlessly set up and manage hackathons, streamlining their workflow.
- Overview Page: Provides a concise snapshot of ongoing and upcoming hackathons, keeping users informed at a glance.
- Hackathon Main Page: Acts as a central hub for participants to access all hackathon-related information and resources.
- Submit Solutions for Hackathons: Users can easily upload their solutions, simplifying the submission process.
- View Summary of Hackathons: Participants can review key metrics and insights from completed hackathons.
- Live Code Editor: Supports multiple programming languages, allowing users to code in real-time during hackathons and competitions.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- SCSS
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
- Styled Components
Styled Components is a popular library for styling React components using CSS syntax. It allows you to write CSS in your JavaScript code, making it easier to create dynamic styles that are specific to each component.
- Material UI
material-ui adds classes to Tailwind CSS for all common UI components. Classes like btn, card, etc. This allows us to focus on important things instead of making basic elements for every project.
- React Hook Form
React Hook Form is a performant, flexible, and extensible form library for React with easy validation. It reduces re-renders and improves performance by using uncontrolled components and native HTML validation, making form handling simple and efficient.