Skip to content

MayankGhatawal/ReImagine

Repository files navigation

πŸ€– ReImagine AI System

A modern, creative web application designed to inspire and innovate. Built using Next.js and Tailwind CSS, ReImagine offers a seamless user experience with responsive design and efficient performance.


🌟 Features

  • Next.js Framework: Fast and scalable web application development.
  • Tailwind CSS Styling: Beautiful, customizable, and responsive UI.
  • Dynamic Routing: Effortlessly manage pages and navigation.
  • SEO Optimized: Built-in support for search engine optimization.
  • Developer-Friendly: Modular and maintainable codebase.

πŸš€ Tech Stack

  • Framework: Next.js
  • Styling: Tailwind CSS
  • API Integration: Fetch API / Axios
  • State Management: Context API / React State

πŸ“‚ Folder Structure

ReImagine/
β”œβ”€β”€ .next/                     # Next.js build directory
β”œβ”€β”€ app/
β”‚   β”œβ”€β”€ fonts/                 # Font files
β”‚   β”‚   β”œβ”€β”€ GeistMonoVF.woff
β”‚   β”‚   └── GeistVF.woff
β”‚   β”œβ”€β”€ globals.css            # Global styles
β”‚   β”œβ”€β”€ layout.tsx             # Application layout
β”‚   └── page.tsx               # Main page component
β”œβ”€β”€ components/                # Reusable UI components
β”‚   β”œβ”€β”€ About.tsx
β”‚   β”œβ”€β”€ Button.tsx
β”‚   β”œβ”€β”€ Contact.tsx
β”‚   β”œβ”€β”€ Feature.tsx
β”‚   β”œβ”€β”€ Footer.tsx
β”‚   β”œβ”€β”€ Hero.tsx
β”‚   β”œβ”€β”€ LandbotChat.tsx
β”‚   β”œβ”€β”€ Navbar.tsx
β”‚   β”œβ”€β”€ Programs.tsx
β”‚   β”œβ”€β”€ Robot.tsx
β”‚   β”œβ”€β”€ SecondRobot.tsx
β”‚   └── Tools.tsx
β”œβ”€β”€ node_modules/              # Node.js dependencies
β”œβ”€β”€ public/                    # Public assets
β”‚   β”œβ”€β”€ audio/                 # Audio files
β”‚   β”œβ”€β”€ canvas/                # Canvas assets
β”‚   β”œβ”€β”€ fonts/                 # Public fonts
β”‚   β”œβ”€β”€ images/                # Image assets
β”‚   └── logo.svg               # Logo SVG
β”œβ”€β”€ .eslintrc.json             # ESLint configuration
β”œβ”€β”€ tailwind.config.js  # Tailwind CSS configuration
β”œβ”€β”€ next.config.js      # Next.js configuration
β”œβ”€β”€ package.json        # Project dependencies
└── README.md           # Documentation

πŸ› οΈ Installation and Setup

  1. Clone the repository

    git clone https://github.com/MayankGhatawal/ReImagine.git
    cd ReImagine
  2. Install dependencies

    npm install
  3. Run the application

    npm run dev
  4. Build for production

    npm run build
    npm start

🌐 Live Demo

Check out the live version: ReImagine Live Demo


πŸ“ Contributing

Contributions are always welcome!

  1. Fork the repository.
  2. Create a new branch: git checkout -b feature-name.
  3. Commit your changes: git commit -m 'Add new feature'.
  4. Push the branch: git push origin feature-name.
  5. Submit a pull request.

πŸ“§ Contact

For inquiries or feedback, reach out at: Your Email Address


πŸ“œ License

This project is licensed under the MIT License. See the LICENSE file for details.


⭐ If you like this project, don't forget to give it a star! ⭐