https://github.com/aadhar41/React-Agency-Portfolio

MERN Stack Project
https://github.com/aadhar41/React-Agency-Portfolio

expressjs mern mern-stack mern-stack-development mongodb nodejs react reactjs

Last synced: 3 months ago
JSON representation

MERN Stack Project

• Host: GitHub
• URL: https://github.com/aadhar41/React-Agency-Portfolio
• Owner: aadhar41
• Created: 2025-06-02T12:04:45.000Z (10 months ago)
• Default Branch: master
• Last Pushed: 2025-06-04T12:52:28.000Z (10 months ago)
• Last Synced: 2025-06-04T13:59:23.291Z (10 months ago)
• Topics: expressjs, mern, mern-stack, mern-stack-development, mongodb, nodejs, react, reactjs
• Language: CSS
• Homepage:
• Size: 51.2 MB
• Stars: 1
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# React Agency Portfolio

A modern, responsive Single Page Application (SPA) built with React.js, based on the classic "Agency" theme. This project demonstrates a clean UI architecture with routing, form validation, and component-based structure.

## Features

- **Responsive Design**: Fully responsive layout using Bootstrap.

- **Dynamic Routing**: Seamless navigation using React Router DOM.

- **Form Validation**: Robust contact form validation using Formik and Yup.

- **Component Structure**: Modularized components for Pages (Home, About, Services) and Common elements.

- **Interactive UI**: Smooth scrolling and interactive elements.

## Tech Stack

- **Frontend Library**: [React.js](https://react.org/) (v19)

- **Routing**: [React Router DOM](https://reactrouter.com/) (v7)

- **Form Handling**: [Formik](https://formik.org/)

- **Validation**: [Yup](https://github.com/jquense/yup)

- **Styling**: Bootstrap, Custom CSS

## Installation and Setup

To run this project locally, follow these steps:

1. **Clone the repository**

    ```bash

    git clone https://github.com/aadhar41/mern-stack.git

    cd mern-stack

    ```

2. **Install Dependencies**

    ```bash

    npm install

    ```

3. **Start the Development Server**

    ```bash

    npm start

    ```

    The app will run in development mode. Open [http://localhost:3000](http://localhost:3000) to view it in your browser.

## Screenshots

### Home Page

![Home Page](public/pages/home-page.png)

### Services Page

![Services Page](public/pages/services-page.png)

### Portfolio Page

![Portfolio Page](public/pages/portfolio-page.png)

### About Page

![About Page](public/pages/about-page.png)

### Team Page

![Team Page](public/pages/team-page.png)

### Contact Us Page

![Contact Us Page](public/pages/contactus-page.png)

## Scripts

- `npm start`: Runs the app in the development mode.

- `npm test`: Launches the test runner.

- `npm run build`: Builds the app for production to the `build` folder.

## License

This project is licensed under the MIT License.