Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/simonepere/architect-website

A personalized portfolio website crafted with Next.js and Tailwind CSS, showcasing architectural projects and professional background; a gift dedicated to my brother Davide.
https://github.com/simonepere/architect-website

edile geometry infrastructure nextjs project react technical-drawing vercel

Last synced: 13 days ago
JSON representation

A personalized portfolio website crafted with Next.js and Tailwind CSS, showcasing architectural projects and professional background; a gift dedicated to my brother Davide.

Awesome Lists containing this project

README

        

# Architect Website

![Architect Website](https://img.shields.io/badge/Architect%20Website-Next.js-blue)

## Description

The *Architect Website* is a personal portfolio and professional about page designed as a gift for your brother, Davide. This project showcases a modern, responsive design built with Next.js and Tailwind CSS, providing an elegant platform to display architectural projects and relevant professional information.

## Features

- *Responsive Design:* Ensures optimal viewing experience across devices of all sizes.
- *Portfolio Showcase:* Displays architectural projects with high-quality images and detailed descriptions.
- *About Section:* Highlights Davide’s professional background and expertise.
- *Contact Information:* Includes a contact section for potential clients or collaborators.

## Live Demo

Visit the live website at: [davide-mele-studio-tecnico.vercel.app](https://davide-mele-studio-tecnico.vercel.app)

## Installation

### Prerequisites

- Node.js 14.0 or higher
- npm or yarn package manager

### Steps

1. *Clone the Repository:*

bash
git clone https://github.com/SimonePere/architect-website.git

2. *Navigate to the Project Directory:*

bash
cd architect-website

3. *Install Dependencies:*

Using npm:

bash
npm install

Or using yarn:

bash
yarn install

## Usage

1. *Run the Development Server:*

Using npm:

bash
npm run dev

Or using yarn:

bash
yarn dev

2. *Access the Website:*

Open your browser and navigate to http://localhost:3000 to view the website.

3. *Build for Production:*

To create an optimized production build:

Using npm:

bash
npm run build

Or using yarn:

bash
yarn build

4. *Start the Production Server:*

After building the project:

Using npm:

bash
npm run start

Or using yarn:

bash
yarn start

## Deployment

This project is configured for deployment on Vercel. For detailed instructions on deploying Next.js applications, refer to the [Next.js Deployment Documentation](https://nextjs.org/docs/deployment).

## Contributing

Contributions are welcome! Follow these steps to contribute:

1. *Fork the Repository.*
2. *Create a New Branch:*

bash
git checkout -b feature/YourFeatureName

3. *Make Your Changes.*
4. *Commit Your Changes:*

bash
git commit -m 'Add feature: YourFeatureName'

5. *Push to the Branch:*

bash
git push origin feature/YourFeatureName

6. *Open a Pull Request.*

## License

This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.

## Contact

For questions or suggestions, please contact [Simone Mele Web Design](https://simone-mele-portfolio.web.app/).