Skip to content

This repository contains a clone of the Hyggex website, built using React, Tailwind CSS, and Chakra UI. Key features include a content slider, responsive design, navigation, and route redirection.

Notifications You must be signed in to change notification settings

Susanta0/HyggeX

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 

Repository files navigation

HyggeX Clone

This project is a clone of the website HyggeX, built using React and styled with Tailwind CSS and Chakra UI.

or you can see this clone : https://hygge-x-eight.vercel.app/

About HyggeX

At HyggeX, learning is envisioned as a seamless journey supported by an adaptive platform launched in 2022. It aims to alleviate study stress, integrating academic needs with mental well-being. Tools like Adaptmate personalize education, adapting to each student's learning style, while EduMetrics360 tracks academic performance and mental health, offering actionable insights. Traditional learning coexists with the development of metacognitive abilities and emotional intelligence through features like flashcards and reading assessments. HyggeX ensures accessibility by providing regional language support, catering to the diverse landscape of India. It's not just about teaching at HyggeX; it's about nurturing the next generation of learners to thrive holistically. Join the community at www.hyggexworld.com

Tech Stack Logo

HTML JavaScript React JSX Tailwind CSS

Tech Stack:

  • React:
    • The core of the application, providing a modular and component-based structure for building the user interface.
  • JSX:
    • A syntax extension for JavaScript used with React to describe what the UI should look like..
  • HTML and CSS:
    • Standard web technologies employed to structure and style the content of the landing page.
  • Tailwind CSS:
    • A utility-first CSS framework that streamlines styling with pre-built classes, enabling rapid and consistent design development.
  • JavaScript:
    • Used for scripting and enhancing the interactivity of the landing page.
  • React Logo:
    • Incorporated the React logo, symbolizing the use of React for building the user interface.

Functionality

  • Content Slider
  • Responsive Design
  • Navigation
  • Routing to Different Routes

Installation and Usage

  1. Clone the repository: git clone https://github.com/Susanta0/HyggeX.git

Navigate into the project directory:

cd hyggeX

Install dependencies:

npm install

Run the development server:

npm run dev

Some of the screenshots are there.....

Home

Screenshot 2024-04-27 091325

Middle of the page

Screenshot 2024-04-27 091342

Faq page

Screenshot 2024-04-27 091359

Flashcard Page

Screenshot 2024-04-27 091427

Contact Page

Screenshot 2024-04-27 091414

Contact me

For any inquiries, please contact us at [email protected].

About

This repository contains a clone of the Hyggex website, built using React, Tailwind CSS, and Chakra UI. Key features include a content slider, responsive design, navigation, and route redirection.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published