init: project setup
This commit is contained in:
cojocaru-david
@@ -0,0 +1,131 @@
|
||||
---
|
||||
name: 'cojocarudavid.me (old)'
|
||||
description: 'Blazing fast personal website built with Astro.js and styled with Tailwind CSS.'
|
||||
tags: ['astro', 'tailwindcss', 'typescript']
|
||||
image: '../../../public/static/cojocarudavidme.png'
|
||||
link: 'https://github.com/cojocaru-david/cojocarudavid.me'
|
||||
startDate: '2023-10-16'
|
||||
endDate: '2025-04-28'
|
||||
---
|
||||
# cojocarudavid.me 
|
||||
|
||||
👋 Hi, I'm **David**, a 17-year-old coder from Romania. 🚀 Passionate about web development with **JavaScript, PHP, and React**. Linux enthusiast automating tasks with Bash.
|
||||
|
||||
---
|
||||
|
||||
## 🚀 Project Overview
|
||||
|
||||
**cojocarudavid.me** is my **personal portfolio website**, built with **Astro.js** and styled using **Tailwind CSS**. It serves as a hub for my projects, blog posts, and personal updates.
|
||||
|
||||
---
|
||||
|
||||
## 🌟 Features
|
||||
|
||||
✅ **Blazing fast** - Optimized for performance and SEO.
|
||||
🎨 **Modern & responsive** - Tailwind CSS for easy customization.
|
||||
🔒 **Secure & reliable** - Follows best security practices.
|
||||
📱 **Mobile-friendly** - Fully responsive across devices.
|
||||
📝 **Blog support** - Share insights and experiences.
|
||||
|
||||
---
|
||||
|
||||
## 🛠️ Tech Stack
|
||||
|
||||
- **[Astro.js](https://astro.build/)** - Static site generator.
|
||||
- **[React.js](https://reactjs.org/)** - Used for components.
|
||||
- **[Tailwind CSS](https://tailwindcss.com/)** - Utility-first CSS framework.
|
||||
- **[TypeScript](https://www.typescriptlang.org/)** - Typed JavaScript at scale.
|
||||
- **[JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript)** - Core language.
|
||||
- **[CSS](https://developer.mozilla.org/en-US/docs/Web/CSS)** - Styles and layouts.
|
||||
|
||||
---
|
||||
|
||||
## 📚 Setup & Installation
|
||||
|
||||
### Prerequisites
|
||||
|
||||
Ensure you have the following installed:
|
||||
|
||||
- [Node.js](https://nodejs.org/) and npm.
|
||||
- [Git](https://git-scm.com/).
|
||||
|
||||
### Installation Steps
|
||||
|
||||
1. **Clone the repository:**
|
||||
|
||||
```sh
|
||||
git clone https://github.com/cojocaru-david/cojocarudavid.me.git
|
||||
```
|
||||
|
||||
2. **Navigate to the project directory:**
|
||||
|
||||
```sh
|
||||
cd cojocarudavid.me
|
||||
```
|
||||
|
||||
3. **Install dependencies:**
|
||||
|
||||
```sh
|
||||
npm install
|
||||
```
|
||||
|
||||
4. **Run the development server:**
|
||||
```sh
|
||||
npm run dev
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 🎯 Usage
|
||||
|
||||
### Development Mode
|
||||
|
||||
Run the local development server:
|
||||
|
||||
```sh
|
||||
npm run dev
|
||||
```
|
||||
|
||||
### Production Build
|
||||
|
||||
Generate a production-ready build:
|
||||
|
||||
```sh
|
||||
npm run build
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 🤝 Contributing
|
||||
|
||||
Contributions are welcome! Please follow the [contributing guidelines](CONTRIBUTING.md) before submitting changes.
|
||||
|
||||
---
|
||||
|
||||
## 📄 License
|
||||
|
||||
This project is licensed under the **MIT License** - see the [LICENSE](LICENSE) file for details.
|
||||
|
||||
---
|
||||
|
||||
## 💬 Contact
|
||||
|
||||
📧 Email: [contact@cojocarudavid.me](mailto:contact@cojocarudavid.me)
|
||||
|
||||
### 🌐 Connect with Me
|
||||
|
||||
- [LinkedIn](https://www.linkedin.com/in/cojocaru-david)
|
||||
- [Blog](https://cojocarudavid.me/blog)
|
||||
|
||||
---
|
||||
|
||||
## ⭐ Show Your Support
|
||||
|
||||
If you like this project, give it a ⭐ on GitHub!
|
||||
|
||||
---
|
||||
|
||||
## 🙏 Acknowledgments
|
||||
|
||||
- [Astro.js](https://astro.build/)
|
||||
- [Tailwind CSS](https://tailwindcss.com/)
|
||||
@@ -0,0 +1,43 @@
|
||||
---
|
||||
name: 'David Dark Code'
|
||||
description: 'David Dark is a dark theme for VS Code. It is based on the github theme and the default dark theme. It is designed to be easy on the eyes and to be used for long periods of time.'
|
||||
tags: ['vscode', 'theme', 'dark']
|
||||
image: '../../../public/static/david-dark-code.png'
|
||||
link: 'https://github.com/cojocaru-david/david-dark-code'
|
||||
startDate: '2023-10-17'
|
||||
endDate: '2023-10-17'
|
||||
---
|
||||
## David Dark VS Code Theme: Code in Style, Code with Comfort
|
||||
|
||||
**Embrace the Dark Side of Coding**
|
||||
|
||||
Unleash your inner coding ninja with David Dark, a meticulously crafted VS Code theme designed for extended coding sessions and ultimate eye comfort. Inspired by the best of both worlds (GitHub and default dark themes), David Dark offers a visually stunning and practical coding environment.
|
||||
|
||||
**Features that Make You Shine**
|
||||
|
||||
- **Eye-Friendly Design:** David Dark prioritizes your well-being with a high-contrast color scheme that minimizes strain, allowing you to code for hours without feeling the burn.
|
||||
- **Radiant Syntax Highlighting:** Experience a meticulously curated color palette that ensures code readability and clarity for a wide range of programming languages and file types.
|
||||
- **Seamless Integration:** David Dark effortlessly integrates with popular VS Code extensions and plugins, providing customized colorization for a unified and stylish experience.
|
||||
- **Professional Yet Playful:** Strike the perfect balance between aesthetics and professionalism with David Dark's unique design. Enjoy a coding environment that's both fun and functional.
|
||||
- **Blue is the New Black:** David Dark's signature blue accent color adds a touch of elegance and sophistication to your code, making it stand out from the crowd.
|
||||
|
||||
## Installation: It's as Easy as 1, 2, 3!
|
||||
|
||||
**Automatic Installation:**
|
||||
|
||||
The quickest route to code in style: David Dark VS Code Theme: [https://marketplace.visualstudio.com/](https://marketplace.visualstudio.com/)
|
||||
|
||||
**Manual Installation:**
|
||||
|
||||
1. Open the Extensions sidebar in VS Code (`View → Extensions`).
|
||||
2. Search for "David Dark Code".
|
||||
3. Click "Install".
|
||||
4. Open the Command Palette with `Ctrl+Shift+P` or `⇧⌘P`.
|
||||
5. Select "Preferences: Color Theme" and choose a David Dark variant.
|
||||
6. Get ready to write some **epic code!** ⌨️
|
||||
|
||||
**Let's Make David Dark Even Darker!**
|
||||
|
||||
We value your feedback! If you have any suggestions or encounter issues, feel free to create a new issue on the project's GitHub repository. We also welcome contributions to make David Dark even better!
|
||||
|
||||
**Remember:** The cooler your coding environment, the cooler your code!
|
||||
@@ -0,0 +1,150 @@
|
||||
---
|
||||
name: 'Modern Portfolio'
|
||||
description: 'Modern Portfolio is a personal website that showcases my work and projects. It is built with Astro.js and styled with Tailwind CSS, providing a fast and responsive user experience. The website features a clean design, easy navigation, and a focus on showcasing my skills and projects.'
|
||||
tags: ['astro', 'tailwindcss', 'typescript']
|
||||
image: '../../../public/static/modern-portfolio.png'
|
||||
link: 'https://cojocarudavid.me'
|
||||
startDate: '2025-03-30'
|
||||
---
|
||||
# Developer Portfolio & Blog
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
A modern, high-performance personal portfolio and blog built with Astro.js. Designed to showcase your projects and technical writing with blazing-fast performance and exceptional SEO.
|
||||
|
||||
## ✨ Features
|
||||
|
||||
- 🚀 **Blazing fast performance** - Built with Astro.js for optimal loading speeds
|
||||
- 📝 **Full-featured blog** - Support for technical articles with code highlighting
|
||||
- 🎨 **Beautiful UI** - Modern, responsive design powered by Tailwind CSS
|
||||
- 🌙 **Dark mode support** - Seamless light/dark theme switching
|
||||
- 📱 **Fully responsive** - Looks great on all devices from mobile to desktop
|
||||
- 🔍 **SEO optimized** - Structured data, meta tags, and optimized for search engines
|
||||
- 🏷️ **Tag system** - Categorize blog posts and projects with tags
|
||||
- 📊 **Content collection** - Organized content management with Astro's content collections
|
||||
- 🖼️ **Project showcase** - Display your work with images, descriptions, and technology tags
|
||||
|
||||
## 🛠️ Tech Stack
|
||||
|
||||
- **[Astro.js](https://astro.build/)** - Static site generator with excellent performance
|
||||
- **[React.js](https://reactjs.org/)** - For interactive components
|
||||
- **[Tailwind CSS](https://tailwindcss.com/)** - Utility-first CSS framework
|
||||
- **[TypeScript](https://www.typescriptlang.org/)** - Type safety and improved developer experience
|
||||
- **[MDX](https://mdxjs.com/)** - Markdown with JSX for rich content creation
|
||||
- **[Preact](https://preactjs.com/)** - Lightweight alternative to React for UI components
|
||||
|
||||
## 📋 Prerequisites
|
||||
|
||||
Before you begin, ensure you have the following installed:
|
||||
- [Node.js](https://nodejs.org/) (v18 or higher)
|
||||
- [npm](https://www.npmjs.com/) or [yarn](https://yarnpkg.com/)
|
||||
- [Git](https://git-scm.com/)
|
||||
|
||||
## ⚙️ Installation & Setup
|
||||
|
||||
1. **Clone the repository**
|
||||
```bash
|
||||
git clone https://github.com/cojocaru-david/portfolio.git
|
||||
cd portfolio
|
||||
```
|
||||
|
||||
2. **Install dependencies**
|
||||
```bash
|
||||
npm install
|
||||
# or
|
||||
yarn install
|
||||
```
|
||||
|
||||
3. **Start the development server**
|
||||
```bash
|
||||
npm run dev
|
||||
# or
|
||||
yarn dev
|
||||
```
|
||||
|
||||
4. **Open your browser**
|
||||
Navigate to `http://localhost:4321` to see the site running locally.
|
||||
|
||||
## 📁 Project Structure
|
||||
|
||||
```
|
||||
portfolio/
|
||||
├── public/ # Static assets
|
||||
├── src/
|
||||
│ ├── components/ # UI components
|
||||
│ ├── content/ # Content collections
|
||||
│ │ ├── blog/ # Blog posts in MD/MDX format
|
||||
│ │ └── projects/ # Project data
|
||||
│ ├── layouts/ # Page layouts
|
||||
│ ├── lib/ # Utility functions
|
||||
│ ├── pages/ # Page routes
|
||||
│ └── styles/ # Global styles
|
||||
├── astro.config.mjs # Astro configuration
|
||||
├── tailwind.config.cjs # Tailwind CSS configuration
|
||||
├── tsconfig.json # TypeScript configuration
|
||||
└── package.json # Project dependencies
|
||||
```
|
||||
|
||||
## 🚀 Usage
|
||||
|
||||
### Creating a Blog Post
|
||||
|
||||
1. Create a new `.mdx` or `.md` file in `src/content/blog`
|
||||
2. Add frontmatter with title, description, date, tags, and authors
|
||||
3. Write your content using Markdown and MDX components
|
||||
|
||||
```mdx
|
||||
---
|
||||
title: "Your Post Title"
|
||||
description: "A brief description of your post"
|
||||
date: 2025-04-20
|
||||
tags: ["tag1", "tag2", "tag3"]
|
||||
authors: ["Your Name", "Co-author (optional)"]
|
||||
---
|
||||
|
||||
# Your Post Title
|
||||
|
||||
Write your content here using Markdown.
|
||||
|
||||
## Subheading
|
||||
|
||||
More content...
|
||||
|
||||
```
|
||||
|
||||
### Adding a Project
|
||||
|
||||
1. Create a new `.md` file in projects
|
||||
2. Add project details including name, description, tags, and image path
|
||||
|
||||
## 🌙 Dark Mode
|
||||
|
||||
The project includes dark mode support using Tailwind CSS and Preact. It detects user preferences and applies the appropriate theme, with an option to toggle between light and dark modes.
|
||||
|
||||
## 📊 Data Utilities
|
||||
|
||||
The project includes several utility functions in data-utils.ts:
|
||||
|
||||
- `getAllPosts()` - Retrieve all blog posts
|
||||
- `getRecentPosts(count)` - Get the most recent posts
|
||||
- `getAdjacentPosts(currentId)` - Get next and previous posts
|
||||
- `getAllTags()` - Get all tags used in posts
|
||||
- `getSortedTags()` - Get tags sorted by usage count
|
||||
- `getPostsByAuthor(authorId)` - Get all posts by a specific author
|
||||
|
||||
## 🤝 Contributing
|
||||
|
||||
Contributions are welcome! Please feel free to submit a Pull Request.
|
||||
|
||||
1. Fork the repository
|
||||
2. Create your feature branch (`git checkout -b feature/amazing-feature`)
|
||||
3. Commit your changes (`git commit -m 'Add some amazing feature'`)
|
||||
4. Push to the branch (`git push origin feature/amazing-feature`)
|
||||
5. Open a Pull Request
|
||||
|
||||
## 📄 License
|
||||
|
||||
This project is licensed under the MIT License - see the LICENSE file for details.
|
||||
@@ -0,0 +1,124 @@
|
||||
---
|
||||
name: 'TailCI'
|
||||
description: 'TailCI is a lightweight, fast, and modern web application built with CodeIgniter and styled with Tailwind CSS. It combines the simplicity of CodeIgniter’s PHP framework with the utility-first power of Tailwind CSS for rapid development and clean design.'
|
||||
tags: ['codeigniter', 'tailwindcss', 'php']
|
||||
image: '../../../public/static/tailci.png'
|
||||
link: 'https://tailci.cojocarudavid.me'
|
||||
startDate: '2025-03-30'
|
||||
---
|
||||
# TailCI - CodeIgniter with Tailwind CSS
|
||||
|
||||
TailCI is a powerful, developer-friendly web application framework that seamlessly integrates CodeIgniter 4's robust PHP backend with Tailwind CSS's utility-first approach to styling. This combination delivers an optimal development experience for creating modern, responsive web applications with minimal effort.
|
||||
|
||||
## ✨ Key Features
|
||||
|
||||
### Lightning Fast
|
||||
|
||||
- Built on CodeIgniter's lightweight framework for optimal performance and speed
|
||||
- Minimized build sizes and efficient resource loading
|
||||
- Smart caching mechanisms for enhanced response times
|
||||
|
||||
### Modern Design
|
||||
|
||||
- Styled with Tailwind CSS v4 for a clean, responsive, and customizable interface
|
||||
- Dark mode support out of the box
|
||||
- Accessibility-focused components and layouts
|
||||
|
||||
### Developer Friendly
|
||||
|
||||
- Intuitive architecture and well-documented codebase for rapid development
|
||||
- Hot module replacement during development
|
||||
- Simplified workflow with npm scripts for common tasks
|
||||
|
||||
## 📋 Requirements
|
||||
|
||||
- PHP 8.1 or higher
|
||||
- Composer for PHP dependency management
|
||||
- Node.js v20+ and npm for frontend tooling
|
||||
- Web server (Apache, Nginx, or built-in PHP server for development)
|
||||
- MySQL 5.7+ / MariaDB 10.3+ (or other compatible database)
|
||||
- Modern browser support (Chrome, Firefox, Safari, Edge)
|
||||
|
||||
## 🚀 Installation
|
||||
|
||||
### Quick Start
|
||||
|
||||
1. Clone the repository:
|
||||
|
||||
```bash
|
||||
git clone https://github.com/cojocaru-david/tailCi.git
|
||||
cd tailCi
|
||||
```
|
||||
|
||||
2. Install backend dependencies:
|
||||
|
||||
```bash
|
||||
composer install
|
||||
```
|
||||
|
||||
3. Set up your environment:
|
||||
|
||||
```bash
|
||||
cp env.example .env
|
||||
```
|
||||
|
||||
Then edit `.env` to configure your database and application settings.
|
||||
|
||||
4. Run database migrations:
|
||||
|
||||
```bash
|
||||
php spark migrate
|
||||
```
|
||||
|
||||
5. Install frontend dependencies and build assets:
|
||||
```bash
|
||||
npm install
|
||||
npm run build
|
||||
```
|
||||
|
||||
### Development Workflow
|
||||
|
||||
Start the development server with hot reloading:
|
||||
|
||||
```bash
|
||||
npm run dev
|
||||
```
|
||||
|
||||
In a separate terminal, run the CodeIgniter server:
|
||||
|
||||
```bash
|
||||
php spark serve
|
||||
```
|
||||
|
||||
Visit `http://localhost:8080` to see your application.
|
||||
|
||||
## 🤝 Contributing
|
||||
|
||||
We welcome contributions to improve TailCI! Here's how you can help:
|
||||
|
||||
1. Fork the repository
|
||||
2. Create a feature branch: `git checkout -b feature/amazing-feature`
|
||||
3. Commit your changes: `git commit -m 'Add some amazing feature'`
|
||||
4. Push to the branch: `git push origin feature/amazing-feature`
|
||||
5. Open a Pull Request
|
||||
|
||||
Please ensure your code follows our coding standards and includes appropriate tests.
|
||||
|
||||
## 📄 License
|
||||
|
||||
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
|
||||
|
||||
## 🙏 Acknowledgements
|
||||
|
||||
- [CodeIgniter](https://codeigniter.com/) - The powerful PHP framework
|
||||
- [Tailwind CSS](https://tailwindcss.com) - Utility-first CSS framework
|
||||
- [Node.js](https://nodejs.org/) - JavaScript runtime
|
||||
- Built with ❤️ by [Cojocaru David](https://github.com/cojocaru-david)
|
||||
|
||||
## 📊 Project Status
|
||||
|
||||
TailCI is under active development. We're constantly working to improve and add new features.
|
||||
|
||||
---
|
||||
|
||||
If you find TailCI helpful, please consider giving it a star on GitHub! ⭐
|
||||
Reference in New Issue
Block a user