https://github.com/pintu544/cipher-schools

Frontend Assignment copy of Plutonn website
https://github.com/pintu544/cipher-schools

css reactjs scss typescript

Last synced: 6 days ago
JSON representation

Frontend Assignment copy of Plutonn website

• Host: GitHub
• URL: https://github.com/pintu544/cipher-schools
• Owner: pintu544
• Created: 2023-08-02T15:21:24.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-08-02T15:43:36.000Z (over 1 year ago)
• Last Synced: 2024-04-13T23:09:56.023Z (8 months ago)
• Topics: css, reactjs, scss, typescript
• Language: JavaScript
• Homepage: https://plutonn.netlify.app/
• Size: 205 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  

  

  

  

  


Plutonn Community Page - Frontend Assignment

This project is a responsive community page for Plutonn, divided into three main sections - Left Section, Middle Section, and Right Section. The user interface is built using ReactJS and TypeScript for the client-side code and CSS/SCSS for styling and responsiveness.

Table of Contents



Description

Features

Technologies Used

Installation

Usage

Screenshots

Contributing

License



Description

The Plutonn Community Page is designed to showcase a profile card, navigation bar with demo hyperlinks, follow/following section, posts, announcements, users who have joined communities, and popular communities based on the number of members joined.

Features



Profile Card: Display user information and avatar in the top-left section of the page.

Navbar: Navigation bar with links to different sections and demo hyperlinks.

Follow/Following Section: Display the number of followers and following users.

Posts and Announcements: Paginated sections to handle better load time and user experience on scroll.

Users List: Show users who have joined the communities when logged in.

Popular Communities: Display popular communities based on the number of members joined.

Light and Dark Theme: Toggle button in the navbar to switch between light and dark themes.



Technologies Used



ReactJS

TypeScript

CSS/SCSS

React Router (for navigation, if used)



Installation



Clone the repository:



git clone https://github.com/pintu544/cipher-school

cd cipher-school





Install dependencies:



npm install



Usage

To start the development server, run:

npm start



The application will be available at http://localhost:3000.

Screenshots

Desktop View:




Mobile View:


****

Tablet View:


****

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss the changes you would like to make.

License