Please enable JavaScript.
Coggle requires JavaScript to display documents.
Software Development Workflow - Coggle Diagram
Software Development Workflow
Planning & Documentation
Design
Frontend Development
Backend Development
Database Management
Testing
CI/CD Version Control
Deployment & Hosting
Logging & Monitoring
1 more item...
AWS / cPanel: for deployment of applications based on scale and infrastructure requirements. AWS is suitable for scalable, cloud-based applications, while cPanel is useful for smaller, shared hosting setups.
Git and GitHub: Git for version control and GitHub for repository management and collaboration.
Docker: Containerize applications for consistency across development and production environments.
Github Actions: Set up automated CI/CD pipelines to test, build, and deploy the project.
PHPUnit: This one I use to test PHP/Laravel backend code.
Jest: for unit and integration tests for JavaScript and React code.
MySQL for structured, relational data.
MongoDB for unstructured object data storage.
PHP & Laravel: for PHP-based applications, API development, and authentication module with Passport for secure access.
Eloquent ORM for simplified database model interactions.
Query Builder for complex queries.
Jobs and Queues for background tasks.
Event Broadcasting for real-time updates.
API / Data Fetching
REST API, Fetch API, Axios: Fetch data from APIs for handling complex HTTP requests and for native JavaScript calls.
Real-time Features
WebSocket, Socket.io, Pusher, Reverb: for projects with real-time data updates feature like on-demand data and live notifications.
Node.js: for development of server-side logic and RESTful APIs for Node projects
HTML & CSS / SCSS: Structure and style core layouts, and use SCSS for styling variables and mixins.
Material UI / Tailwind / Radix UI: component library and utility-first framework for styling and component consistency.
React or Vue: Developing the main application structure. based on the project requirements.
Type Safety
TypeScript: Implementing type-safe components and logic across React or Node.js for a maintainable and scalable codebase.
PropTypes: I use this for small to medium sized projects, ensuring react components have type safety.
State Management & Caching
Redux & Context API: for global state management. Integrate with RTK Query or React Query for efficient data fetching and caching.
JavaScript: For building interactive components or custom functionality.
Photoshop: Use for advanced graphics or assets needed for UI, such as images, icons, and branding elements.
Figma: Build wireframes and high-fidelity prototypes. Collaborate with team members to finalize the design and get feedback.
Notion: This one I use for documentation of project requirements, initial ideas, user stories, and goals.
Markdown: for creation of technical documentation, readme files, or user guides for the project.