/xephas_portfolio

The Official GitHub Repo of the Xephas Portfolio

Primary LanguageAstroApache License 2.0Apache-2.0

Welcome to the Official Repository of Mugisa Brian (Cephas) ‍✨

About Xephas (Me)

Xephas is a code-name for Mugisa Brian Cephas an Expert Flutter Developer since 2020, he is also a Software Engineer with ultimate experience in Cross-Platform App Development and an astounding passion for Graphics and UI/UX Design. His purpose and passion is designing and developing experiences that improve people's lives.

Technologies Used

  • Astro - A modern front-end framework for building faster websites using JavaScript, HTML, and CSS.
  • Tailwind CSS - A utility-first CSS framework for building custom designs.
  • TypeScript - A strict syntactical superset of JavaScript that adds optional static typing.
  • Firebase - A set of backend cloud computing services and application development platforms provided by Google.

Portfolio Overview

This repository contains the source code for Xephas' personal website, which showcases his professional portfolio and expertise. The website is built using Astro, a modern front-end framework, and Tailwind CSS, a utility-first CSS framework. It features a responsive design, engaging interactions, and modern technologies. Furthermore, it contains the following sections and features:

a) Sections

  • Interactive Projects: Immerse yourself in Xephas' past works and designs through captivating sections powered by Astro and Flutter.
  • Technical Expertise: Discover the technologies and frameworks Xephas masters.
  • About: Learn more about Xephas' background, experience, and passions.
  • Contact: Connect with Xephas directly and discuss potential collaborations.
  • Terms of Service: Understand the terms and conditions of using Xephas' services or having him work on your projects.

b) Key Features

  • Responsive Design: Seamless viewing across all devices, from desktops to mobiles.
  • Engaging Interactions: Smooth animations and dynamic elements enhance the visitor experience.
  • Modern Technologies: Built with cutting-edge Astro and Flutter libraries for optimal performance and aesthetics.
  • Branding: Reflects Xephas' unique style and personality.

Development and Contributions

This site was initially developed by Mugisa Brian Cephas in collaboration with Jovic Biralo

Contributions

The website is open-source, and contributions are welcome. If you have any suggestions, ideas, or improvements, feel free to open an issue or submit a pull request. Your feedback and contributions are highly appreciated.

License

This project is licensed under the MIT License. See the LICENSE file for more details.

Deep Dive: Astro

Astro is a modern front-end framework for building faster websites using JavaScript, HTML, and CSS. It's designed to be a better starting point for building modern websites, and it's a great fit for building static sites, blogs, and dynamic apps.

🚀 Project Structure

Inside of your Astro project, Astro looks for .astro or .md files in the src/pages/ directory. Each page is exposed as a route based on its file name.

There's nothing special about src/components/, but that's where we like to put any Astro/React/Vue/Svelte/Preact components.

Any static assets, like images, can be placed in the public/ directory.

🧞 Commands

All commands are run from the root of the project, from a terminal:

Command Action
npm install Installs dependencies
npm run dev Starts local dev server at localhost:4321
npm run build Build your production site to ./dist/
npm run preview Preview your build locally, before deploying
npm run astro ... Run CLI commands like astro add, astro check
npm run astro -- --help Get help using the Astro CLI

👀 Want to learn more about Astro?

Feel free to check our documentation or jump into our Discord server.