Skip to content

Repository files navigation

ByteLearn Frontend

This is the frontend repository for the ByteLearn course platform. The frontend is developed with React and Next.js 14, using NextUI for the design library, which utilizes TailwindCSS.

ByteLearn is a platform where users can access a list of courses, view course details, and search for courses.

It connects to the ByteLearn backend, which is developed with Spring Boot.

Backend Repository: ByteLearn Backend

Frontend Link: ByteLearn Frontend (It actually doesn't work correctly because the backend is not deployed in a server.)

Project Video: ByteLearn Video

Features

  • User Authentication
  • List of Courses
  • Course Details
  • Search Courses
  • Dark and Light Mode
  • Other features

Images of the frontend

Home Page

Light Mode

Home Page

Dark Mode

Home Page

Course Details

Course Details

Search Courses

Search Courses

Cloning the Repository

To clone this repository, open your terminal and run the following command:

git clone https://github.com/your-username/bytelearn-frontend.git
cd bytelearn-frontend

Installation Install the project dependencies. You can use npm or yarn:

npm install
# or
yarn install

Running the Project

To run the project, use the following command:

npm run dev
# or
yarn dev

This will start the development server on http://localhost:3000.

Next.js & NextUI Template

This is a template for creating applications using Next.js 13 (pages directory) and NextUI (v2).

Technologies Used

How to Use

To create a new project based on this template using create-next-app, run the following command:

npx create-next-app -e https://github.com/nextui-org/next-pages-template

License

Licensed under the MIT license.

About

Frontend of the learning platform Bytelearn

Topics

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages