conley-marketing

Conley Marketing

Welcome to my digital portfolio repo - where innovation, design, and technology meet to demonstrate my professional journey and skills. This repository is a living testament to my ongoing progression as a developer and designer.

Joshua P. Conley - Portfolio

This portfolio is a showcase of my work, crafted with Astro, and styled using Tailwind CSS with custom CSS enhancements. Typography is set using Google Fonts, and form interactions are powered by Svelte. Deployment and continuous integration are handled through Netlify.

Check out the live site here: joshuapconley.netlify.app

Quick Start

Clone the repository and install the dependencies:

git clone https://github.com/jpcc0/conley-marketing.git
cd conley-marketing
npm install

To start the development server, run:

npm run dev

šŸ“‚ Project Structure

Here's the layout of the project:

/
ā”œā”€ā”€ public/
ā”‚   ā””ā”€ā”€ assets/       # Static assets like images and fonts
ā”œā”€ā”€ src/
ā”‚   ā”œā”€ā”€ components/   # Svelte components
ā”‚   ā”œā”€ā”€ styles/       # Custom styles and Tailwind CSS
ā”‚   ā”œā”€ā”€ pages/        # Astro pages (.astro files)
ā”‚   ā””ā”€ā”€ utils/        # Utility and helper functions
ā”œā”€ā”€ postcss.config.js # PostCSS configuration
ā”œā”€ā”€ tailwind.config.js # Tailwind CSS configuration
ā”œā”€ā”€ astro.config.mjs  # Astro configuration
ā””ā”€ā”€ package.json      # Package manifest

šŸš€ Deployment This site is deployed on Netlify, with automatic deploys from the main branch:

npm run build  # Build the production site
npm run preview # Preview the built site locally

The netlify.toml file contains the necessary configurations for deployment.

šŸ§° Technologies

Astro: For building fast, modern websites. Tailwind CSS: For utility-first styling. Custom CSS: Additional styles for personal flair. Google Fonts: For beautiful, readable typefaces. Svelte: Reactive component framework for building efficient interfaces. Netlify: Hosting and automated deployments.

šŸ”— Links & Resources

Astro Documentation Tailwind CSS Documentation Google Fonts Svelte Documentation Netlify Documentation

Feel free to fork, star, or contribute to this repository if you find it useful. Happy coding!

Top categories

Loading Svelte Themes