Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/cod-e-codes/crystalytics
A professional portfolio website showcasing Crystal Ryals' expertise in data analytics, visualization, and storytelling, featuring interactive sections for skills, certifications, projects, and contact information.
https://github.com/cod-e-codes/crystalytics
data-analytics framer-motion github-pages portfolio react tailwindcss typescript
Last synced: about 1 month ago
JSON representation
A professional portfolio website showcasing Crystal Ryals' expertise in data analytics, visualization, and storytelling, featuring interactive sections for skills, certifications, projects, and contact information.
- Host: GitHub
- URL: https://github.com/cod-e-codes/crystalytics
- Owner: Cod-e-Codes
- Created: 2024-12-05T19:09:28.000Z (about 2 months ago)
- Default Branch: main
- Last Pushed: 2024-12-14T09:59:11.000Z (about 1 month ago)
- Last Synced: 2024-12-14T10:26:53.670Z (about 1 month ago)
- Topics: data-analytics, framer-motion, github-pages, portfolio, react, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://cod-e-codes.github.io/crystalytics/
- Size: 33.9 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Crystalytics Portfolio
Crystalytics is a professional portfolio website for showcasing the skills, certifications, and projects of Crystal Ryals, a data analyst specializing in visualization, analytics, and storytelling.
## Features
- **Hero Section**: Highlights Crystal's name, role, and a call-to-action button.
- **Skills Section**: Displays various data analytics skills with progress bars.
- **Certifications Section**: Lists certifications with issuing organizations and dates.
- **Horizontal Scrolling Projects Section**: Interactive display of key projects with descriptions and technologies used.
- **Contact Section**: Provides a way to reach out for collaboration or inquiries.## Technologies Used
- **React**: For building the front-end components.
- **Tailwind CSS**: For styling the website with responsive design.
- **Framer Motion**: For adding animations and transitions.
- **TypeScript**: For type-safe development.
- **GitHub Pages**: For hosting the project.