Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/codewithmoses/portfolio-white-tailwind
This is a full-stack developer portfolio website designed for Moses Oluwadamilare Oni. The portfolio showcases web development projects, graphic design skills, and Human-Computer Interaction expertise.
https://github.com/codewithmoses/portfolio-white-tailwind
html-tailwind-template tailwind
Last synced: 26 days ago
JSON representation
This is a full-stack developer portfolio website designed for Moses Oluwadamilare Oni. The portfolio showcases web development projects, graphic design skills, and Human-Computer Interaction expertise.
- Host: GitHub
- URL: https://github.com/codewithmoses/portfolio-white-tailwind
- Owner: codewithmoses
- Created: 2024-09-14T11:38:00.000Z (about 2 months ago)
- Default Branch: main
- Last Pushed: 2024-09-14T12:13:46.000Z (about 2 months ago)
- Last Synced: 2024-09-30T09:42:05.447Z (about 1 month ago)
- Topics: html-tailwind-template, tailwind
- Language: HTML
- Homepage: https://codewithmoses.github.io/Portfolio-white-tailwind/
- Size: 25.4 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 💻 Moss Oni Web Developer Portfolio - README
## Overview
Welcome to the **Moss Oni** portfolio! This is a **single-page HTML portfolio** designed using **Tailwind CSS** and **Cofic** for minimal and professional aesthetics. It showcases Moss Oni’s web development skills, focusing on clean UI, innovative projects, and technologies used in frontend and backend development.
The key sections include:
- Hero introduction with a profile image
- Technologies (Frontend, Backend, Software tools)
- Featured Projects
- Contact Information and social links
---
## 💻 How to Set Up the Project
1. **Download the Repository**:
Clone or download the repository to your local machine:
```bash
git clone https://github.com/codewithmoses/Portfolio-white-tailwind.git
```
2. **File Structure**:
- **index.html**: The single-page HTML file showcasing the developer’s portfolio.
- **/assets**: Contains images, project visuals, and other assets.
- **/css**: Stores any custom styles, though Tailwind is linked via CDN.
3. **Installation**:
No installation is needed, as **Tailwind CSS** and **Cofic** are included via CDN. Simply open `index.html` in a browser to view the portfolio.
4. **Tailwind CSS and Cofic Setup**:
- **Tailwind CSS**:
```html
```
- **Cofic Script**:
```html
```
---
## 🖥️ Key Website Sections
### **Hero Section**:
This section presents a sleek introduction of the developer, focusing on minimalism:
```html
Crafting Clean & Minimal Websites
Frontend to Backend, I create seamless web experiences.
```
### **Technologies Section**:
An easy-to-read section displaying frontend, backend, and software tools:
```html
Frontend Technologies
- HTML, CSS, JavaScript
- Tailwind CSS
```
### **Featured Projects**:
Projects are displayed in a grid format with brief descriptions:
```html
EventSphere
A dynamic event management system designed to simplify scheduling and attendance management.
Music Player
A sleek, intuitive music player app with seamless playback.
```
---
## 🎨 Tailwind CSS Styling Guide
### **Fonts & Colors**:
- **Primary Font**: **Sans-serif** fonts, such as `Roboto`, are used for a professional look:
```css
font-family: 'Roboto', sans-serif;
```
- **Colors**: A minimalist palette is used, primarily shades of white, black, and gray:
```css
text-gray-900, bg-white, hover:bg-gray-700
```
### **Button Styling**:
Buttons utilize Tailwind's hover effects for smooth interaction:
```html
```
---
## 🚀 Deployment Instructions
- **GitHub Pages**: Push the repository and enable Pages from the settings.
- **Netlify/Vercel**: Use drag and drop to easily deploy the site.
---
## 🔗 Contact
For collaboration, feel free to contact:
- **Email**: [email protected]
- **LinkedIn**: [Connect on LinkedIn](https://linkedin.com/in/moss-oni)
---
These separate README
files should now perfectly match the needs of each project and provide clear instructions for anyone working with or deploying the portfolios.