Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/awkward-py/awkwardpy-main

This repository is a Next.js and Tailwind CSS-powered personal portfolio. Showcase your skills and projects with a responsive and customizable design.
https://github.com/awkward-py/awkwardpy-main

next-js nextjs portfolio-website web-development website

Last synced: 29 days ago
JSON representation

This repository is a Next.js and Tailwind CSS-powered personal portfolio. Showcase your skills and projects with a responsive and customizable design.

Awesome Lists containing this project

README

        



[![Contributors][contributors-shield]][contributors-url]
[![Forks][forks-shield]][forks-url]
[![Stargazers][stars-shield]][stars-url]
[![Issues][issues-shield]][issues-url]
[![MIT License][license-shield]][license-url]
[![Twitter][twitter-shield]][twitter-url]

Awkwardpy Portfolio Website


Built in Next-js14, Typescript and Tailwind Css


Explore the docs »




View Demo
·
Report Bug
·
Request Feature


Welcome to the official repository of the AwkwardPy portfolio website! This project showcases my skills, projects, and experiences, providing an overview of my journey as a developer. Developed using Next.js 14, a powerful framework for building React applications, this website is designed to be dynamic, responsive, and visually appealing.

![Portfolio Website Screenshot](https://github.com/awkward-py/awkwardpy-main/blob/main/.github/images/msedge_rtoUDGaxbk.png)

## Features

- **Dynamic Routing**: Leveraging Next.js's routing capabilities, each section of the website has its own URL, facilitating easy navigation and sharing.
- **Project Showcase**: A dedicated section highlights my projects with descriptions, screenshots, and links to live demos or repositories.
- **Skills and Technologies**: Displaying a comprehensive list of skills and technologies I'm proficient in, demonstrating expertise to potential collaborators or employers.
- **Source Code Access**: Providing access to the source code for developers interested in collaboration or exploring opportunities.

- **Social Links**: Connect with me on social media:
- [Twitter](https://twitter.com/awkwardpy_)
- [GitHub](https://github.com/awkward-py)
- [Instagram](https://github.com/awkwardpy)

## Technologies Used

- **Next.js 14**: The core framework providing server-side rendering, routing, and other essential features.
- **React**: Utilized for building modular and reusable user interface components.
- **TypeScript**: Enhancing the project with static typing for improved developer experience and code quality.
- **CSS Modules**: Scoped CSS stylesheets to maintain component-level styling without global conflicts.
- **Tailwind CSS**: Enabling rapid prototyping and styling of components for a modern and visually appealing design.
- **Vercel**: Deployed on Vercel for seamless integration with Next.js and automatic deployment on every commit.

## Getting Started

To run this project locally, follow these steps:

1. Clone this repository to your local machine.
```bash
git clone https://github.com/awkward-py/awkwardpy-main.git
```
2. Navigate to the project directory.
```bash
cd awkwardpy-main
```
3. Install dependencies using npm or yarn.
```bash
npm install
# or
yarn install
```
4. Start the development server.
```bash
npm run dev
# or
yarn dev
```
5. Open your browser and visit `http://localhost:3000` to view the website.

## Contributing

Contributions are welcome! If you find any issues or have suggestions for improvements, please open an issue or submit a pull request.

## License

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

[contributors-shield]: https://img.shields.io/github/contributors/othneildrew/Best-README-Template.svg?style=for-the-badge
[contributors-url]: https://github.com/othneildrew/Best-README-Template/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/othneildrew/Best-README-Template.svg?style=for-the-badge
[forks-url]: https://github.com/othneildrew/Best-README-Template/network/members
[stars-shield]: https://img.shields.io/github/stars/othneildrew/Best-README-Template.svg?style=for-the-badge
[stars-url]: https://github.com/othneildrew/Best-README-Template/stargazers
[issues-shield]: https://img.shields.io/github/issues/othneildrew/Best-README-Template.svg?style=for-the-badge
[issues-url]: https://github.com/othneildrew/Best-README-Template/issues
[license-shield]: https://img.shields.io/github/license/othneildrew/Best-README-Template.svg?style=for-the-badge
[twitter-shield]: https://img.shields.io/badge/-Twitter-blue.svg?style=for-the-badge&logo=twitter&colorB=1DA1F2
[twitter-url]: https://twitter.com/awkwardpy_