This site is a personal CV site used to showcase my skills and experience. It is a work in progress and will be updated as I learn new things and gain new experiences.
- React: Core of the app, with TypeScript for type safety.
- SWC: Transpiler used for fast builds.
- Vite: Build tool for efficient development.
- Redux & Redux Toolkit: State management and setup simplification.
- Redux Persist: Persists app state to local storage.
- Material UI: Styling with a wide range of components.
- React Router DOM: Manages routing within the app.
- Clone the repository and install dependencies:
git clone https://github.com/Alvis1337/chrisalvis.dev.git
cd chrisalvis.dev
npm install
- Configure the following files in
src/assets
:
certificationList.tsx
: Add an image, a link, and an alt text to display certifications with hyperlinks.greeting.tsx
: Edit the greeting and name in the top left of the page.socialLinks.tsx
: Add social media links under the marquee. You can import your own icons if needed.technologyIcons.tsx
: List technologies you're comfortable with. A "Show More" button will appear if there are many.workExperience.tsx
: Configure item alignment usingflex-start
orflex-end
, and map each item in the array for a bullet-pointed list.
- Configure environment variables for the GitHub Actions pipeline:
AWS_ACCESS_KEY_ID
AWS_BUCKET_NAME
AWS_REGION
AWS_SECRET_ACCESS_KEY
S3_SOURCE_DIR
-
Review and adjust the GitHub Actions ignore settings if necessary.
-
Once configured, your static files will be automatically pushed to the S3 bucket.
GitHub Actions is used for continuous integration and deployment. The workflow builds and pushes the app to an S3 bucket configured to host a static website.