A lightweight React-based note-taking app built with Vite. Notes are stored locally in the browser using localStorage, allowing you to persist data without a backend.
This is a portfolio project to demonstrate my frontend development capabilities using React and modern tools.
- Create and manage multiple project spaces
- Take project-specific notes
- Delete notes individually
- Light/Dark theme toggle with persistence
- Fully front-end and deployable
- React
- JavaScript (ES6+)
- HTML/CSS
- LocalStorage (for data persistence)
- Vite (for modern development/build)
Latest update supports light/dark mode with full-page styling and persistent preferences.
Clone and run locally:
git clone https://github.com/kyle-allen2006/devnotes-app.git
cd devnotes-app
npm install
npm run dev
## 📁 Folder Structure (Simplified)devnotes-app/ ├── public/ ├── src/ │ ├── App.jsx │ ├── Notes.jsx │ ├── index.css │ └── main.jsx ├── .gitignore ├── index.html ├── package.json ├── README.md └── vite.config.js
## About the Developer:
Hello and welcome! I’m Kyle Allen, a passionate developer transitioning into software engineering after 16 years of experience in robotics and automation. I’m currently pursuing my Software Engineering degree at WGU while building real-world projects to strengthen my skills in modern web development.
- Background in robotics, controls, industrial automation, and maintenance
- Current student at Western Governors University (WGU)
- Strong foundation in programming logic and problem solving
This app is part of my ongoing learning journey to strengthen my frontend skills using modern JavaScript tools like React and Vite.