Skip to content

Hibaa0022/Nexus

 
 

Repository files navigation

Nexus - Internship Project

Nexus is a web application originally forked from Asakusa-k/Nexus and further developed during my professional internship. The project focuses on creating a robust dashboard interface with specialized components for data visualization and user notifications.

🚀 Live Demo

The application is deployed and can be viewed here: https://nexus-kq7tn04lj-hiba-s-projects-39e284fc.vercel.app

🛠 Tech Stack

  • Frontend: React.js, TypeScript
  • Styling: Tailwind CSS, PostCSS
  • Configuration: Vite, ESLint
  • Deployment: Vercel

✨ My Key Contributions

During the course of the internship, I implemented several core features and structural improvements to the repository:

  • Video Integration: Developed and integrated the Video.tsx component and its corresponding assets folder to handle media playback within the dashboard.
  • Notification System: Created a dedicated NotificationsPage component to manage and display real-time user alerts and system notifications.
  • Dashboard Expansion: Designed and implemented new dashboard pages and updated core configuration files to support an expanded feature set.
  • UI/UX Refinement: Utilized Tailwind CSS to ensure a clean, professional, and responsive user interface across all new modules.
  • Environment Setup: Configured TypeScript and ESLint rules to maintain high code quality and type safety throughout the development lifecycle.

📁 Project Structure

The repository is organized as follows:

  • /src: Contains the primary React components, including my custom Video and Notifications modules.
  • /public: Static assets and media files.
  • tailwind.config.js: Custom theme and styling configurations.
  • tsconfig.json: TypeScript configuration for the application.

⚙️ Getting Started

Prerequisites

  • Node.js (v16 or higher)
  • npm or yarn

Installation

  1. Clone the repository:
    git clone https://github.com/Hibaa0022/Nexus.git
  2. Navigate to the directory:
    cd Nexus
  3. Install dependencies:
    npm install
  4. Run the development server:
    npm run dev

📄 License

This project was forked from Asakusa-k/Nexuse. Please refer to the original repository for licensing details.

About

Nexus is a clean, professional dashboard application built with React and TypeScript. Originally forked from a base repository, this project was refined and expanded during a professional internship to include specialized modules for media management and user notification systems. It emphasizes a minimalist UI/UX, leveraging Tailwind CSS for a mode

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • TypeScript 98.5%
  • JavaScript 1.3%
  • Other 0.2%