Personal portfolio and sandbox on the web.
Created by @montymi
View Demo
·
Report Bug
·
Request Feature
Table of Contents
This personal portfolio brings together my work as a software developer and academic. It serves as a central hub for showcasing projects, research, and other contributions; specifically, the repository includes highlights of my software development journey, from personal projects to larger initiatives, as well as academic papers and research that have informed my approach to problem-solving and technology.
The goal is simple: to document and share my progress while providing a snapshot of my skills and experiences in one place. Whether you're here to explore my software projects or academic work, I hope you find something of interest.
For interacting with the demo:
For interacting with the code:
- Clone and navigate into the repo with:
git clone https://github.com/montymi/blog.git && cd blog- Install dependencies
npm install- Run development server for testing
npm run dev- Build app for production server
npm run build- Run production server locally
npm run previewThe portfolio is divided into three main sections: Discography, Library, and Activity, each offering a unique way to explore my journey as a developer and academic.
The Discography takes you on an audio-driven walkthrough of my projects, styled like a musical catalog. Each entry is crafted to give you deeper insights into the story behind the work:
- Singles: Bite-sized projects or experiments that showcase quick ideas or concepts.
- Episodes: Medium-scale projects, often part of a series, reflecting a deeper dive into specific topics.
- Albums: Comprehensive, larger-scale projects that represent significant milestones in my career.
The Library serves as a repository of my academic work and technical writing, including:
- Research papers and publications, complete with summaries and external links.
- Documentation and guides related to tools, frameworks, or methodologies I’ve explored.
- Notes and reflections that capture the thinking behind my work.
- It’s the ideal place for a more in-depth look at my technical expertise and academic contributions.
The Activity section is a set of cards that highlight what I’m currently working on, experimenting with, or learning about. Here, you’ll find:
- Updates on ongoing projects and experiments.
- Prototypes and beta versions of ideas in progress.
- Personal insights and reflections about my process and challenges.
- This section keeps things fresh and offers a behind-the-scenes look at my development as a creator and researcher.
The blog section is where whatever’s on my mind, tech, life, and everything in between. can be found Expect a mix of:
- Deep dives into code & tech when I’m in full-on nerd mode.
- Lessons learned (sometimes painfully) from projects, experiments, and life in general.
- Random musings & stories—anything from a high school vignette to a weird realization at 2 AM.
- Hot takes on trends (tech or otherwise) that I can’t keep to myself.
- Guides & tutorials for things I finally figured out and want to spare someone else the headache.
- Listen: Start with the Discography for an engaging overview of my work, guided by audio storytelling.
- Explore: Dive into the Library for a detailed understanding of my academic and technical background.
- Follow: Check the Activity feed for the latest updates and ideas I’m exploring.
src
├── components
│ ├── Loading
│ └── Meta
├── config
│ ├── index.ts
│ ├── it-jokes.ts
│ └── types.ts
├── error-handling
│ ├── fallbacks
│ └── index.tsx
├── hooks
│ ├── useHistory.ts
│ ├── useLatestCommit.ts
│ ├── useOrientation.ts
│ ├── usePosts.ts
│ ├── useReadMe.ts
│ └── useServiceWorkerNotifications.tsx
├── pages
│ ├── Activity
│ ├── Blog
│ ├── Discography
│ ├── Library
│ ├── NotFound
│ └── Welcome
├── routes
│ ├── Pages
│ ├── index.ts
│ └── types.ts
├── sections
│ ├── Header
│ ├── HotKeys
│ ├── Notifications
│ ├── Sidebar
│ └── SW
├── store
│ ├── hotkeys
│ ├── notifications
│ ├── sidebar
│ └── theme
├── theme
│ ├── Provider.tsx
│ ├── themes.ts
│ └── types.ts
├── utils
│ ├── insertIf
│ ├── loader
│ ├── is-mobile.ts
│ ├── reset-app.ts
│ ├── sleep.ts
│ └── welcome.ts
├── App.tsx
├── main.tsx
└── Root.tsx
api
└── date.ts # for running with vercel serverless functions
- Use vercel serverless functions for handling API calls
- Continue adding projects to the Discography
- Continue various paper and presentation transfer to the Library
- Allow scrolling in the Welcome Page
- Design and upload the Activity Page
- Optimize PDF view on phone (using isMobile to show PDF as full-screen perhaps)
- Create a more interactive 3D environment for the Vinyl object
- Add audio files for all Published projects in the Discography
See the open issues for a full list of issues and proposed features.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request
Distributed under the MIT License. See LICENSE.txt for more information.
- react-pwa by @suren-atoyan for the amazing PWA template
- historylabs for the fun and free API for seeing historical events
- ClearDocs for the high quality README template
- Vercel for fast and free deployment, hosting, and serverless functions