Configured the Next.js project for deployment on Heroku.
Setting up path aliases, adding environment variables, and defining build instructions with a Procfile. Resolved Node.js version conflicts and successfully pushed the project, though there’s an application error to address. Despite the issue, learned about ES module configurations and how to handle path resolution in next.config.mjs for Heroku.
Deployment challenges can be tricky, but each step offers insights into optimizing app configurations.
Repo: https://github.com/Jason-Hargrove/art-explorer.git
#100DaysOfCode #Day89 #JavaScript #CSS #HTML
Built a responsive title design exploring CSS paint-order, text-stroke, and font styling. Created a "Radioactive Sticker Store" header with overlapping letters and custom stroke effects. Used clamp() for fluid typography and stroke width.
Paint-order is a powerful but tricky property! Love how it lets you control stroke/fill layering for creative text effects. Combining it with responsive units (clamp/vw) makes for robust mobile-friendly designs. Might explore more creative typography effects tomorrow.
Repo: https://github.com/Jason-Hargrove/paint-order.git
#100DaysOfCode #Day88 #JavaScript #CSS #HTML
Updated Storybook config, created the Task component, and set up accessibility testing.
Working through these Storybook setups and testing configurations clarified just how powerful Storybook is for component development. It allows precise control over component states, making it straightforward to focus on individual UI elements without running the entire app. The accessibility checks are particularly useful to ensure all users can interact with the UI. Moving forward, I can see how this isolated environment will enhance component reusability, maintainability, and testability.
Repo: https://github.com/Jason-Hargrove/taskbox.git
#100DaysOfCode #Day87 #Storybook #React
Set up Storybook to develop and test the "Task" component in isolation, using a Component-Driven Development approach with various task states.
CDD through Storybook feels promising for creating well-structured components. Isolating each state and action in Storybook simplifies testing, especially with mocked data. Excited to see how this improves my workflow!
Repo: https://github.com/Jason-Hargrove/taskbox.git
#100DaysOfCode #Day86 #Storybook #React
Enhanced the Home page by adding a hero section with responsive background images for mobile and desktop.
Adding responsive elements and cohesive styling really elevated the Home page. Tailwind’s utility classes made it straightforward to control layout, and the hero section’s rounded corners brought the design together.
Repo: https://github.com/Jason-Hargrove/art-explorer.git
#100DaysOfCode #Day85 #NextJS #TypeScript #ArtExplorer
Successfully integrated the Map component into the Explore page to display art locations and enhance user interaction.
Reorganizing the content to separate the main map from the Home page helps create a cleaner structure and makes navigation more intuitive.
Repo: https://github.com/Jason-Hargrove/art-explorer.git
#100DaysOfCode #Day84 #NextJS #TypeScript #ArtExplorer
Created new routes for the Home, Explore, and About pages using the Next.js App Router structure.
Switching to Next.js <Link> components improved the app's responsiveness and ensured faster navigation. Setting up the routes for each page was straightforward with the App Router structure.
Repo: https://github.com/Jason-Hargrove/art-explorer.git
#100DaysOfCode #Day83 #NextJS #TypeScript #ArtExplorer
Adjusted the layout with responsive design considerations, including scrollable content.
Refining the UI to handle variable content sizes was a valuable learning experience.
Repo: https://github.com/Jason-Hargrove/art-explorer.git
#100DaysOfCode #Day82 #NextJS #TypeScript #ArtExplorer
Added a search to the map and refined the layout.
Keeping the heading and map side-by-side on larger screens, while adding spacing to prevent elements from touching. Implemented responsive TailwindCSS classes to ensure the layout adapts smoothly across different screen sizes, stacking elements vertically on smaller screens for better readability.
Responsive design is key for creating a clean and accessible user experience.
Repo: https://github.com/Jason-Hargrove/art-explorer.git
#100DaysOfCode #Day81 #NextJS #TypeScript #ArtExplorer
Refined my Maps markers by creating a styled component for each art location’s details.
Using TailwindCSS with a reusable component for info windows improves both the design and maintainability of the project. GIMP has been incredibly helpful for custom image prep.
Repo: https://github.com/Jason-Hargrove/art-explorer.git
#100DaysOfCode #Day80 #NextJS #TypeScript #ArtExplorer
Installed GIMP to edit images and successfully resized and converted a .heic image to .jpg for Google Maps markers.
Today’s work with GIMP and image manipulation was a valuable step in customizing the project’s visuals.
Repo: https://github.com/Jason-Hargrove/art-explorer.git
#100DaysOfCode #Day79 #NextJS #TypeScript #ArtExplorer
Added art-themed icons for map markers. Integrated the icons into each marker and configured the path.
The icons add a great visual touch to the map, making it feel more like an interactive art exploration tool. Next, I’ll work on customizing info windows to enhance the user experience further.
Repo: https://github.com/Jason-Hargrove/art-explorer.git
#100DaysOfCode #Day78 #NextJS #TypeScript #ArtExplorer
Added info window displaying the museum name and coordinates. Worked through TS scope issues.
Today was about refining functionality and debugging TypeScript scoping.
Repo: https://github.com/Jason-Hargrove/art-explorer.git
#100DaysOfCode #Day77 #NextJS #TypeScript #ArtExplorer
Set up custom markers for museums and worked through TS issues.
Today was a deep dive into TypeScript and Next.js Client Components. Debugging these compatibility issues taught me a lot about TypeScript custom types and API versioning. Next steps: adding info windows to markers for more interactivity.
Repo: https://github.com/Jason-Hargrove/art-explorer.git
#100DaysOfCode #Day76 #NextJS #TypeScript #ArtExplorer
Integrated Google Maps, handled client components in Next.sj, and fixed TS issues.
Today was all about troubleshooting! I gained a deeper understanding of Client vs. Server Components in Next.js and how to best use each for performance. Also got the basics of Google Maps working, and I’m excited to add markers for art locations next.
Repo: https://github.com/Jason-Hargrove/art-explorer.git
#100DaysOfCode #Day75 #NextJS #TypeScript #ArtExplorer
Created a responsive layout with a navigation bar and footer using TailwindCSS. Implemented mobile-friendly styling to ensure good usability across screen sizes.
I’m learning a lot about structuring Next.js projects from scratch, especially using the new App Router. Today’s setup feels like a solid foundation, and I’m excited to bring my idea for an “Art Explorer” app to life. Next steps: integrating Google Maps for museum locations and building out more components.
Repo: https://github.com/Jason-Hargrove/art-explorer.git
#100DaysOfCode #Day74 #NextJS #Tailwind #ArtExplorer
An interactive platform where users can explore museums, art galleries, and specific artworks worldwide using a map and a product carousel to display featured art pieces or gallery exhibits.
Picking 100 Days back up after my trip to Spain. I want to play around with Next.js and Tailwind for a bit.
Repo: https://github.com/Jason-Hargrove/art-explorer.git
#100DaysOfCode #Day73 #NextJS #Tailwind #ArtExplorer
As my departure to Manises, Spain, draws nearer, today was all about packing and tying up loose ends.
My canvases and an assortment of custom stickers—each carrying a piece of my artistic journey—are now neatly packed and ready for the trip. Ensuring that each piece is securely stored for travel was my top priority, reflecting not just a physical preparation but also a mental alignment for the days ahead.
Packing for an international trip always feels like I'm setting the stage for a new chapter in my art career. Each item I choose to bring along carries its significance, from the practical necessities to the pieces of art that will represent my work and hometown. The thought process behind what stays and what goes is almost as intricate as planning a new piece of artwork.
Art Portfolio: http://www.jasonhargroveart.com/
#100DaysOfCode #ArtAndTech #ManisesSpain #PaducahKY #UNESCO #CreativeCities #TravelDiaries #ArtistLife
A pivot in my 100DaysOfCode journey. As an artist representative from Paducah, KY, I am gearing up for a UNESCO trip.
Balancing coding with art has always been a passion of mine, and this trip is a perfect opportunity to explore this intersection further. I'm excited to engage with the international art community, showcase our projects, and gain new insights that I can bring back to my coding and professional work.
Art Portfolio: http://www.jasonhargroveart.com/
#100DaysOfCode #ArtAndTech #ManisesSpain #PaducahKY #UNESCO #CreativeCities #TravelDiaries #ArtistLife
Successfully deployed my Django and Vue.js application, UNESCO-Go-Seek, on Heroku. Fixed database configuration issues, ran migrations, and loaded city data into the database. The app now correctly suggests random UNESCO cities to visit.
Encountered and resolved several database-related errors. It was a great learning experience in handling environment variables and database settings in Django. Happy to see the app live and working! There's always room for improvement, and I look forward to enhancing it further.
- Repo: https://github.com/Jason-Hargrove/unesco_go_seek.git
- App: https://unesco-go-seek-fd9ceca95862.herokuapp.com/
#100DaysOfCode #Day62 #Django #VueJS #Bootstrap #WebDevelopment #JavaScript #Python #ManisesSpain #PaducahKY #ArtAndTech #UNESCO #CreativeCities
Encountered several issues with static file handling and MIME types with my Django + Vue.js app.
Rebuilt the Vue.js project and copied static files to the root directory. Ensured all necessary files were in place and verified the directory structure.
Deployment is proving to be more complex than anticipated. Despite the challenges, I'm gaining valuable insights into static file management and configuration for a smooth deployment process.
Repo: https://github.com/Jason-Hargrove/unesco_go_seek.git
#100DaysOfCode #Day62 #Django #VueJS #Bootstrap #WebDevelopment #JavaScript #Python #ManisesSpain #PaducahKY #ArtAndTech #UNESCO #CreativeCities
Dedicated time to researching the deployment process of my Django + Vue.js application to Heroku.
Reviewed necessary steps including setting up a Procfile, configuring settings.py for Heroku, and managing static files with whitenoise. Learned about essential packages such as gunicorn and the nuances of deploying a full-stack application with Django and Vue.js.
The deployment process for a Django + Vue.js application is more involved compared to a standard MERN stack, but understanding the intricacies of each step will be beneficial in the long run. Tomorrow, I'll start the actual deployment process and aim to see my application live on Heroku.
Repo: https://github.com/Jason-Hargrove/unesco_go_seek.git
#100DaysOfCode #Day62 #Django #VueJS #Bootstrap #WebDevelopment #JavaScript #Python #ManisesSpain #PaducahKY #ArtAndTech #UNESCO #CreativeCities
Spent time researching the steps necessary to deploy my Django + Vue.js application to Heroku.
I reviewed the process of setting up a Procfile, configuring settings.py for Heroku, and preparing both the Django backend and Vue.js frontend for deployment. Learned about the necessary packages such as gunicorn and whitenoise, and how to handle static files properly.
Deployment of a full-stack app with Django and Vue.js involves more configuration compared to a standard MERN stack deployment. Tomorrow, I'll dive deeper into the actual deployment steps and see my application live on Heroku.
Repo: https://github.com/Jason-Hargrove/unesco_go_seek.git
#100DaysOfCode #Day62 #Django #VueJS #Bootstrap #WebDevelopment #JavaScript #Python #ManisesSpain #PaducahKY #ArtAndTech #UNESCO #CreativeCities
Resolved the issue with static files not loading correctly in my UNESCO-Go-Seek project.
After investigating the mismatch between the filenames in the static directory and those expected by the Django template, I updated the references in the template and ensured the correct files were being copied during the build process. The Vue.js build configuration was also adjusted to avoid filename hashing, which simplified the integration.
Today was a great example of how small mismatches can lead to significant issues in web development. It was satisfying to debug and resolve the problem, and now the Vue.js frontend is properly integrated and displaying the expected content. Looking forward to adding more features to the project!
Repo: https://github.com/Jason-Hargrove/unesco_go_seek.git
#100DaysOfCode #Day62 #Django #VueJS #Bootstrap #WebDevelopment #JavaScript #Python #ManisesSpain #PaducahKY #ArtAndTech #UNESCO #CreativeCities
Worked on structuring my UNESCO-Go-Seek project correctly and ensuring the static files are in the right place.
Updated the Vue.js component to use the correct endpoint and built the Vue.js project. Verified the Django settings for serving static files. Still troubleshooting the final display of random city data in the UI.
There's still some work to be done, but I'm making steady progress. Tomorrow I'll continue with debugging and finalizing the display of data in the UI.
Repo: https://github.com/Jason-Hargrove/unesco_go_seek.git
#100DaysOfCode #Day62 #Django #VueJS #Bootstrap #WebDevelopment #JavaScript #Python #ManisesSpain #PaducahKY #ArtAndTech #UNESCO #CreativeCities
Successfully served static files and displayed the Vue.js app.
Encountered and started troubleshooting issues related to endpoint configuration for retrieving random city data.
While I managed to display the Vue.js app, configuring the backend endpoints correctly is proving to be tricky. Despite the challenges, I'm learning a lot about both Django and Vue.js.
Repo: https://github.com/Jason-Hargrove/unesco_go_seek.git
#100DaysOfCode #Day62 #Django #VueJS #Bootstrap #WebDevelopment #JavaScript #Python #ManisesSpain #PaducahKY #ArtAndTech #UNESCO #CreativeCities
Continued working on my UNESCO-Go-Seek project by integrating Vue.js with Django.
Successfully built the Vue.js frontend and attempted to configure Django to serve the static files. Encountered and resolved several configuration issues, including setting up the STATIC_ROOT and troubleshooting static file paths. Although there are still some challenges with loading the static files, significant progress was made in understanding and configuring the integration.
Today was a deep dive into the intricacies of integrating a modern frontend framework with a traditional backend. The process was challenging but educational, highlighting the importance of correctly configuring static file handling in Django.
Next Steps: Continue troubleshooting the static file serving issues, ensure all Vue.js assets are correctly loaded by Django, and finalize the integration to move on to deploying the project.
Repo: https://github.com/Jason-Hargrove/unesco_go_seek.git
#100DaysOfCode #Day62 #Django #VueJS #Bootstrap #WebDevelopment #JavaScript #Python #ManisesSpain #PaducahKY #ArtAndTech #UNESCO #CreativeCities
Made significant strides in integrating Vue.js with Django for my UNESCO-Go-Seek project. Started a README.
I set up the Django project, created a new Vue.js frontend, installed Bootstrap and BootstrapVue, and successfully built the Vue.js project. Also hoping taking time with the README.md will eventually ensure smooth setup, and development.
Challenging and rewarding. Writing the README.md helped a bit of my understanding of the project structure. Then I deleted it. 😂 I do think I have a general idea now.
I'm excited to see how this application will evolve as I continue integrating the frontend with the backend.
Repo: https://github.com/Jason-Hargrove/unesco_go_seek.git
#100DaysOfCode #Day62 #Django #VueJS #Bootstrap #WebDevelopment #JavaScript #Python #ManisesSpain #PaducahKY #ArtAndTech #UNESCO #CreativeCities
Spent the day researching and exploring various web applications that share similar functionalities to the UNESCO-Go-Seek project but serve different purposes. The goal was to gather ideas and inspiration for designing a user-friendly interface and ensuring a seamless user experience. This research phase is crucial for understanding best practices and innovative features that can be adapted to my project.
Taking a step back to research has been incredibly insightful. I've discovered a variety of approaches to presenting random content and user interaction patterns that I hadn't considered before. This exploration has not only given me new ideas but also reinforced the importance of thoughtful design in creating engaging web applications. The time invested in research will undoubtedly pay off as I move forward with development.
- Resolve the build issues with Vue.js.
- Integrate the Vue.js frontend with the Django backend.
- Start working on the core functionality to randomly suggest UNESCO cities.
- Apply insights from today's research to improve the user interface and experience.
Repo: https://github.com/Jason-Hargrove/unesco_go_seek.git
#100DaysOfCode #Day62 #Django #VueJS #Bootstrap #WebDevelopment #JavaScript #Python #ManisesSpain #PaducahKY #ArtAndTech #UNESCO #CreativeCities
The goal is to create an app that suggests random UNESCO cities to visit.
I started integrating Vue.js and Bootstrap with my Django project, UNESCO-Go-Seek today. I successfully set up a new Django app and initialized a Vue.js project within it. Installed the latest versions of Vue.js and Bootstrap, and encountered some build issues with Node.js, which I plan to resolve next. Documented all steps for future reference.
Today was both challenging and exciting. Working with modern front-end technologies like Vue.js alongside Django is pushing my development skills to the next level. I’m really looking forward to continuing this project and seeing it come to life. The app will also be a great way to showcase my work and interests at the International Ceramics Festival in Manises, Spain, where I’ll be representing Paducah, KY, as an art representative. The journey is as rewarding as the destination, just like art and travel.
Repo: https://github.com/Jason-Hargrove/unesco_go_seek.git
#100DaysOfCode #Day62 #Django #VueJS #Bootstrap #WebDevelopment #JavaScript #Python #ManisesSpain #PaducahKY #ArtAndTech #UNESCO #CreativeCities
I spent today troubleshooting the App.js file of my MERN stack application.
After identifying an issue where fields, images, and buttons were disappearing after a few seconds, I discovered and fixed the problem by updating the useEffect hook to handle the fetch request properly. Although I fixed the display issue, I encountered a new problem with adding ads, which I will address in my next session.
Today was focused on debugging and refining the application's functionality. Fixing the display issue in App.js was a significant step forward, and while the ad addition feature still needs work, I'm confident I'll be able to resolve it soon.
- Repo: https://github.com/Jason-Hargrove/python-data-analysis.git
- App: https://project-3-art-gallery-234e4bca97cc.herokuapp.com/
#100DaysOfCode #Day61 #JavaScript #NodeJS #Heroku #Deployment #Debugging #React #FrontendDevelopment #BackendDevelopment
I updated the node-sass version and rebuilt the project successfully.
I encountered and resolved various build issues related to webpack and gulp, and deployed the project to Heroku. While the deployment was successful, I identified and documented a runtime error involving a 400 Bad Request and a TypeError in the frontend code.
Today was a challenging but productive day. I successfully updated the project dependencies and resolved several build and deployment issues. Deploying to Heroku was a learning experience, and although I encountered a runtime error, I now have a clear path to debug it further. This experience reinforced the importance of thorough error checking and testing in both development and production environments.
- Repo: https://github.com/Jason-Hargrove/python-data-analysis.git
- App: https://project-3-art-gallery-234e4bca97cc.herokuapp.com/
#100DaysOfCode #Day60 #JavaScript #NodeJS #Heroku #Deployment #Debugging #React #FrontendDevelopment #BackendDevelopment
Completed the Python Data Analysis course.
I wrapped up my learning with a dive into advanced data handling techniques including filling missing values, smoothing time series data, and generating weather charts. I also tackled a challenge on identifying weather anomalies and completed the quiz for Chapter 5.
Continuing the momentum, I started and finished Chapter 6, which focused on analyzing baby name trends over the years using pandas. Key topics included DataFrames, Series, advanced indexing, and plotting in pandas. The use case provided a hands-on challenge to identify unisex baby names, accompanied by a comprehensive quiz to test my knowledge.
This course has been incredibly enriching, equipping me with robust analytical tools and techniques that are essential for any data scientist.
Repo: https://github.com/Jason-Hargrove/python-data-analysis.git
#100DaysOfCode #Python #DataAnalysis #LinkedInLearning #JupyterNotebooks
Focusing on a use case involving weather data, focusing on stations in Kentucky.
Using Python libraries like pandas and matplotlib, I visualized these data points to better understand their geographical distribution.
Working with real-world data sets like weather records offers invaluable practice in data handling and analysis. It's fascinating to see how data science can provide insights into natural phenomena and help in making informed decisions based on historical data.
Repo: https://github.com/Jason-Hargrove/python-data-analysis.git
#100DaysOfCode #Python #DataAnalysis #LinkedInLearning #JupyterNotebooks
Focused on performing mathematical operations with NumPy arrays and managing structured data using records and dates.
These skills are essential for handling and analyzing diverse datasets efficiently. Wrapped up the day with a challenging chapter quiz to test my knowledge on these topics.
Working with NumPy to perform complex mathematical operations and manipulate records and dates has significantly enhanced my ability to deal with real-world data scenarios.
#100DaysOfCode #Python #DataAnalysis #LinkedInLearning #JupyterNotebooks
Continued exploring NumPy in my Python Data Analysis course, specifically focusing on indexing arrays.
Worked with techniques of accessing and manipulating specific elements, slices, and subsets of data within NumPy arrays, which is crucial for efficient data manipulation in scientific computing.
Understanding how to index arrays effectively is essential for optimizing data analysis tasks. These skills allow for precise control over data, enabling complex operations on large datasets that are common in real-world scenarios.
#100DaysOfCode #Python #DataAnalysis #LinkedInLearning #JupyterNotebooks
Arrays with NumPy.
I learned about the powerful capabilities of NumPy and started creating my own NumPy arrays.
Understanding how to effectively create and manipulate arrays opens up numerous possibilities for optimizing data analysis.
#100DaysOfCode #Python #DataAnalysis #LinkedInLearning #JupyterNotebooks
Anagrams and palindromes with Python today.
I explored different methods to find anagrams, including sorting and using dictionaries, and learned how to load and manage dictionaries efficiently. I also tackled the Palindromes challenge, enhancing my understanding of string manipulation. To wrap up, I completed the chapter quiz to reinforce my learning.
The process of implementing various methods to find anagrams was particularly interesting, and the Palindromes challenge tested my skills effectively.
#100DaysOfCode #Python #DataAnalysis #LinkedInLearning #JupyterNotebooks
Advanced further in my study of Python by exploring complex container types.
I also applied those concepts in a challenging chapter quiz.
Engaging with advanced containers has sharpened my skills in managing and manipulating complex data structures, essential for robust Python programming.
#100DaysOfCode #Python #DataAnalysis #LinkedInLearning #JupyterNotebooks
Continued with the Python Data Analysis course on LinkedIn Learning.
Today's lessons covered more advanced data structures including dictionaries and sets, and I dived into the power of comprehensions for streamlined data processing.
Learning about dictionaries and sets has deepened my understanding of efficient data storage and retrieval in Python. Comprehensions, particularly list and dictionary comprehensions, are game changers for writing more concise and readable code, especially when dealing with large datasets.
#100DaysOfCode #Python #DataAnalysis #LinkedInLearning #JupyterNotebooks
Continued my journey in the Python Data Analysis course on LinkedIn Learning.
Today was all about brushing up on the basics: I practiced using Python loops and sequences, including lists, tuples, and understanding the slicing syntax. These fundamentals are crucial for efficient data manipulation and analysis.
Revisiting these core Python elements has reinforced how vital foundational knowledge is for tackling more complex data analysis tasks. Mastering lists, tuples, and slicing not only enhances my coding efficiency but also prepares me for deeper data manipulation techniques.
#100DaysOfCode #Python #DataAnalysis #LinkedInLearning #JupyterNotebooks
Starting a new course on Python Data Analysis on LinkedIn Learning.
Today was all about setting up the foundation: watched the introduction, ensured my development environment was fully operational on my Mac, and began working with Jupyter Notebooks.
Diving into data analysis with Python is exciting as it opens up a plethora of possibilities for extracting insights from data. Using Jupyter Notebooks for interactive coding sessions is proving to be an effective way to learn and visualize data dynamically.
#100DaysOfCode #Python #DataAnalysis #LinkedInLearning #JupyterNotebooks
Focused on troubleshooting and resolved deployment issues for "Mistranslatio".
After ensuring the correct setup of my project directories and files, I managed to successfully deploy the app on Heroku. However, I encountered problems with the translation feature not working and content security policy (CSP) errors. I added necessary headers to handle CSP issues and updated my README file to include sections for edge cases and future improvements. Despite the challenges, the app is now live and functioning as expected.
Deployment can be a complex and sometimes frustrating part of the development process, but it's rewarding to see the app live and accessible online. Today, I learned the importance of meticulously managing project files and configurations, especially when deploying to a platform like Heroku. Adding the new sections to the README also helped in documenting known issues and potential enhancements, making it easier for future contributors to understand the project.
Check out the live application here: https://mistranslatio-5f22cacf77e2.herokuapp.com/ Repo: https://github.com/Jason-Hargrove/mistranslatio.git
#100DaysOfCode #Translation #Spanish #Challenge #React #Heroku
The app that humorously translates English text into incorrect Spanish, faced several deployment challenges.
Most the issues seem related to Content Security Policy (CSP) settings and directory structure. I updated the CSP settings in server.js to include necessary directives for loading Google Fonts and connecting to external APIs. Additionally, I ensured that the project directory structure was correct, particularly addressing a misspelling in the client folder name. Finally, I successfully deployed the app, though further testing revealed some additional tweaks are still needed.
Deploying a full-stack application to Heroku was an insightful process that highlighted the importance of meticulous configuration and attention to detail. Ensuring correct CSP settings and project structure are crucial for a successful deployment. Despite the challenges, seeing the app live is rewarding, and I'm eager to polish it further. This experience reinforced the importance of iterative testing and deployment in the development workflow.
Check out the live application here: https://mistranslatio-5f22cacf77e2.herokuapp.com/ Repo: https://github.com/Jason-Hargrove/mistranslatio.git
#100DaysOfCode #Translation #Spanish #Challenge #React #Heroku
Attempted to deploy my React and Node.js application, "Mistranslatio," to Heroku.
The process involved several steps to ensure the correct setup and configurations for a successful deployment. I ensured the server correctly served the static files from the React build directory, and attempting to addressed Content Security Policy (CSP) issues.
I encountered a few challenges, including CSP errors and a misspelled directory name, which led to serving static files incorrectly. After renaming the directory correctly, I adjusted my server.js file to properly serve the static files and set appropriate CSP headers. Despite these efforts, the deployment issues persisted, and I plan to start fresh tomorrow.
Today was a reminder of the intricacies involved in deploying a full-stack application. Handling deployment issues and configuring security policies can be challenging but are essential for a robust application. Although I faced several hurdles, the experience was educational and helped me better understand the deployment process on Heroku. Tomorrow, I plan to revisit the deployment with a fresh perspective and ensure all configurations are set correctly for a successful deployment.
Repo: https://github.com/Jason-Hargrove/mistranslatio.git
#100DaysOfCode #Translation #Spanish #Challenge #React
Focusing entirely on styling today of my mistranslating React app.
Updated the visual presentation to ensure that the user interface is not only functional but also visually appealing.
Styling is as crucial as functionality in developing software. A well-designed interface enhances user experience, making interactions smoother and more intuitive. Tomorrow, I plan to revisit the logic to optimize performance and improve functionality.
Repo: https://github.com/Jason-Hargrove/mistranslatio.git
#100DaysOfCode #Translation #Spanish #Challenge #React
A friend challenged me to create a React app that mistranslates Spanish.
I've integrated the MyMemory Translation API into my React and Node.js application.
I implemented custom logic to generate incorrect translations and ensured smooth communication between the frontend and backend. Additionally, I cleaned up unnecessary files from the project directory to streamline the structure.
I learned the importance of robust error handling and logging when working with external APIs.
Repo: https://github.com/Jason-Hargrove/mistranslatio.git
#100DaysOfCode #Translation #Spanish #Challenge #React
Completed the "Python Object-Oriented Programming" course on LinkedIn Learning.
This journey has deepened my understanding of Python's OOP concepts, including classes, inheritance, magic methods, and much more.
Finishing this comprehensive course has not only solidified my grasp of OOP principles but has also given me a robust toolkit for tackling more complex software development projects with Python.
Repo: https://github.com/Jason-Hargrove/python-object-oriented-programming
#100DaysOfCode #Python #ObjectOrientedProgramming
Worked with a feature that streamlines the process of creating classes that are primarily storing data.
I learned how to define a data class, utilize post-initialization to execute additional steps after object creation, and incorporate default values for attributes to simplify instantiation.
Data classes in Python are incredibly useful for reducing boilerplate code in classes while making them more readable and maintainable.
Repo: https://github.com/Jason-Hargrove/python-object-oriented-programming
#100DaysOfCode #Python #ObjectOrientedProgramming
Chapter 3 "Magic Object Methods" coding challenge and quiz.
I implemented custom comparison methods for sorting stocks and bonds based on price and yield, respectively. Using Python's magic methods, I added functionality to sort these financial instruments effectively within their classes.
I successfully sorted lists of stocks and bonds, ensuring that they could be compared according to their specific financial metrics.
This challenge was a fantastic practical application of Python's magic methods, demonstrating how they can be leveraged to tailor object behavior in a way that's both intuitive and efficient.
Repo: https://github.com/Jason-Hargrove/python-object-oriented-programming
#100DaysOfCode #Python #ObjectOrientedProgramming
Magic methods for equality and comparison, attribute access, and making objects callable.
These methods are crucial for customizing how objects compare to each other, how their attributes are accessed and modified, and how they can be called like functions.
Exploring these advanced features of Python's magic methods has deepened my appreciation for the language's flexibility and power.
Repo: https://github.com/Jason-Hargrove/python-object-oriented-programming
#100DaysOfCode #Python #ObjectOrientedProgramming
Studied Python's "magic" methods today as part of my ongoing study in Object-Oriented Programming.
I learned about special methods, their purpose, and how to use them for customizing class behavior, particularly focusing on string representations of objects.
Magic methods in Python, such as str and repr, are foundational for defining how objects behave with built-in Python operations.
Repo: https://github.com/Jason-Hargrove/python-object-oriented-programming
#100DaysOfCode #Python #ObjectOrientedProgramming
Completed Chapter 2 challenge and quiz on inheritance and abstract classes.
The challenge involved creating a class structure to represent stocks and bonds using abstract classes to enforce certain design principles.
This challenge was a fantastic way to deepen my understanding of OOP principles in Python, especially how to design flexible and reusable code with abstract classes.
Repo: https://github.com/Jason-Hargrove/python-object-oriented-programming
#100DaysOfCode #Python #ObjectOrientedProgramming
Worked with abstract base classes, multiple inheritance, and interfaces.
Explored how interfaces can be implemented in Python to design cleaner and more modular code.
Abstract classes and interfaces, in particular, provide a structured way to define blueprints for classes while ensuring that derived classes follow a consistent implementation.
Repo: https://github.com/Jason-Hargrove/python-object-oriented-programming
#100DaysOfCode #Python #ObjectOrientedProgramming #Finance #StockMarket #TechLearning #SoftwareDevelopment
Programming challenge involved defining a class to represent stock information.
Including properties like Ticker, Price, and Company. I also implemented a method to return a formatted description of the stock.
class Stock:
def __init__(self, ticker, price, company):
self.ticker = ticker
self.price = price
self.company = company
def get_description(self):
return f"{self.ticker}: {self.company} -- ${self.price}"I tested this setup with stocks like Microsoft, Google, Meta, and Amazon, ensuring the class correctly handles and describes each stock instance.
This exercise reinforced the power and flexibility of OOP in handling real-world data structures like stock market information.
Repo: https://github.com/Jason-Hargrove/python-object-oriented-programming
#100DaysOfCode ##Python #ObjectOrientedProgramming #Finance #StockMarket #TechLearning #SoftwareDevelopment
x
x
#100DaysOfCode
Headed to Evansville, Indiana today, but keeping my streak alive by using Mimo to study Python.
This mobile app allowed me to continue my learning, focusing on Python basics, which is a slight shift from the Object-Oriented Programming I've been doing.
Using Mimo while traveling has been a great way to make productive use of travel time.
#100DaysOfCode #Python #Mimo
Explored class methods and members, as well as checking instance types.
These topics are crucial for designing robust and reusable code structures in Python, enhancing both the functionality and interoperability of classes.
Checking instance types is also integral for ensuring that the interactions between different components of a program are as expected, preventing runtime errors and improving the reliability of software.
Repo: https://github.com/Jason-Hargrove/python-object-oriented-programming
#100DaysOfCode ##Python #ObjectOrientedProgramming #PythonProgramming
Python OOP - focusing on checking instance types.
This essential skill helps ensure that objects and variables are of expected types, crucial for debugging and maintaining robust Python applications.
Learning how to effectively check instance types has provided me with deeper insights into Python's dynamic typing system.
Repo: https://github.com/Jason-Hargrove/python-object-oriented-programming
#100DaysOfCode ##Python #ObjectOrientedProgramming #PythonProgramming
Completed the "Agile Foundations" and "Scrum: Advanced" courses on LinkedIn Learning.
These courses deepened my understanding of agile methodologies and advanced Scrum practices, equipping me with the knowledge to better manage projects and enhance team productivity.
Diving into Agile and Scrum has reinforced the importance of flexible project management and the value of quick adaptations to change.
#100DaysOfCode #Agile #Scrum #LinkedInLearning #CareerDevelopment
OOP. Set up my development environment, created a new repository for the project, and refreshed my knowledge on OOP concepts.
Started with basic class definitions, laying the groundwork for more complex structures.
Revisiting the foundational aspects of OOP in Python is exciting. It’s fascinating to see how organizing code into classes and objects can make it more modular, maintainable, and reusable.
Repo: https://github.com/Jason-Hargrove/python-object-oriented-programming
#100DaysOfCode ##Python #ObjectOrientedProgramming #PythonProgramming
I focused on JSON assertions, tackling more complex tests, including nested JSON assertions using a mock API.
I completed a chapter quiz on Postman assertions and extensively used the collection runner to run my test collection. Additionally, I exported and ran my collection with Newman, followed by finishing another chapter quiz on running test collections, and resolved some deprecation issues along the way. Today marked the completion of the "Postman Essential Training" tutorial on LinkedIn Learning.
Wrapping up the Postman tutorial has significantly boosted my skills in API testing, especially in automating and debugging with advanced assertions. Understanding how to effectively structure and automate tests using Newman and Postman's collection runner will be invaluable for maintaining robust API integrations in future projects.
#100DaysOfCode #WebDevelopment #Postman
Practiced various types of assertions including status, body content, headers, and response time.
Additionally, I enhanced my debugging skills using the Postman console and tackled a challenge to write custom assertions. I also started exploring JSON assertions and completed a chapter quiz to test my understanding.
Learning to effectively use assertions in Postman is crucial for ensuring API responses meet expected outcomes.
#100DaysOfCode #WebDevelopment #Postman
Created negative API requests and utilized environment variables. Worked on saving API response data as variables and incorporated these variables into new requests. Tackled a challenge - adding variables to requests. Completed Chapter 1 quiz.
Leveraging environment variables not only makes my requests more dynamic but also secures sensitive data, which is crucial for real-world applications.
#100DaysOfCode #WebDevelopment #Postman
Focused on API interaction fundamentals. Practicing familiar skills.
Advanced through "Postman Essential Training" on LinkedIn Learning today, focusing on API interaction fundamentals. I explored how JSON Web Tokens work and practiced creating HTTP requests including GET, POST, PUT, and DELETE. These are tasks I'm well-acquainted with in my software engineering career, so today was more about refining and practicing familiar skills.
Even routine practice is crucial for mastery. Revisiting basic concepts with a fresh perspective can often reveal new insights or reinforce critical skills. Continual practice ensures that I remain sharp and ready to tackle more complex challenges.
#100DaysOfCode #WebDevelopment #Postman
Continued with "Postman Essential Training" on LinkedIn Learning.
Encountered some setup issues with Postman, including difficulties in logging in and updating the software. Despite multiple failures, it finally updated, although another update seems needed. Managed to create a collection, organize some folders, and familiarize myself with the API I'll be using, along with exploring Postman’s UI.
Apart from coding, I spent a significant part of the day engaging with my creative side—downloading fonts and working with Affinity Designer and Photo to design a postcard for an upcoming group art show I'm excited to participate in.
Today mixed technical challenges with creative pursuits. While technical setups can sometimes be frustrating, they are crucial for smoother operations later on. Balancing coding with creative projects like graphic design provided a refreshing counterpoint to the day’s more tedious tasks.
#100DaysOfCode #WebDevelopment #Postman #Art #GraphicDesign
Continued "Practical Deep Learning for Coders: Lesson 1" from FastAI. Also created a technology radar.
Using the technology radar I map out essential skills after finishing the "Recovering from a Job Loss in Technology" course on LinkedIn Learning.
Additionally, I began the "Postman Essential Training" and completed the setup.
Today was about blending continued deep learning study with strategic planning and skill acquisition. Creating the technology radar felt good; helping me focus my learning on technologies that will shape my career trajectory.
#100DaysOfCode #WebDevelopment #JavaScript #FastAI #MachineLearning #Poastman
27 minutes into the "Practical Deep Learning for Coders: Lesson 1".
I cloned the FastAI repository, updated my Jupyter Notebook to the latest version.
I'm excited about the upcoming sessions and the potential to significantly enhance my understanding and skills in this cutting-edge field.
#100DaysOfCode #WebDevelopment #JavaScript #CSS #FastAI #MachineLearning
Installed and set up the FastAI and Fastbook libraries, using them for a script that searches, downloads, and categorizes images for classification.
Successfully fine-tuned a model on these images after setting up the necessary data structures and training environments.
Today's progress on debugging and refining the process was particularly enlightening, reinforcing the importance of precision in machine learning.
#100DaysOfCode #WebDevelopment #JavaScript #CSS #FastAI #MachineLearning
Tested my newly deployed portfolio and began exploring machine learning with fast.ai.
Identified several bugs in my portfolio and noted key areas for improvement, particularly with the CSS. While I'll continue to refine these elements daily, I also kicked off a new learning phase with fast.ai.
I set up my Kaggle account, intending to follow along with Lesson 1 of fast.ai. However, I encountered numerous errors, which proved to be a significant learning curve. Troubleshooting these will be my focus tomorrow.
Balancing portfolio improvements with advancing my technical skills in machine learning is challenging but enriching. Each error is a step forward in understanding more about data science and its practical applications.
Portfoli: https://jason-hargrove-portfolio-5abbf0f5084c.herokuapp.com/
#100DaysOfCode #WebDevelopment #JavaScript #CSS #FastAI #MachineLearning
Deployed multiple applications on Heroku that are featured in my software engineering portfolio. This includes:
- Search the MET: A full-stack MERN application that utilizes the Metropolitan Museum of Art's API to search their collection. Currently troubleshooting some functionality issues.
- For Goodness Cakes: Collaborated with a cross-functional team to turn an Instagram bakery concept into a robust full-stack web application.
- Radioactive Sticker Store: Deployed a full CRUD multi-page application.
- Accumulative Dose: Launched a 'choose your own adventure' game built with HTML, CSS, and JavaScript.
Encountered a few snags, particularly with the "Search the MET" application that isn't working as expected. Manual testing and debugging are on my immediate agenda to ensure all applications run smoothly and efficiently.
Portfoli: https://jason-hargrove-portfolio-5abbf0f5084c.herokuapp.com/
#100DaysOfCode #Heroku #JavaScript #GitHub #WebDevelopment
Today, I took a significant step forward by redeploying my full-stack software engineering portfolio on Heroku.
While the deployment is up, I still need to conduct thorough testing to ensure all links and functionalities are working as expected. There's a bit of work ahead to refine and optimize the performance of the site.
Portfoli: https://jason-hargrove-portfolio-5abbf0f5084c.herokuapp.com/
#100DaysOfCode #Heroku #JavaScript #GitHub #WebDevelopment
Finished "Learning Python" on LinkedIn Learning. Today I worked with internet data handling capabilities.
I began by fetching data from the internet using urllib.request and explored JSON data manipulation to enhance my ability to process and interpret web data dynamically. I also tackled SSL issues, ensuring secure data transactions.
Additionally, I practiced parsing and processing HTML with Python's html.parser module, gaining a better understanding of web content manipulation. I then moved on to manipulating XML, learning to parse, modify, and create XML elements which are crucial for managing structured data.
Feels good to have this course behind me - on to the next!
Repo: https://github.com/Jason-Hargrove/learning-python.git
#100DaysOfCode #AIProgramming #JavaScript #OpenAI #GitHub #WebDevelopment #CodingChallenge #MachineLearning
Python coding challenge that involved working extensively with dates and times using the calendar module.
Count the occurrences of a specific day of the week within a given month and year. I wrote a function count_days that efficiently calculates how often each day appears, such as how many Mondays are in December 2025. Additionally, I enhanced my understanding of Python’s date module by writing a script to predict tomorrow’s day of the week.
Following the coding session, I completed a chapter quiz that tested my knowledge on handling dates and times in Python, reinforcing the concepts I practiced in the challenge.
Got sidetracked a bit with some of the questions, but learned a lot.
import calendar
from datetime import date
def count_days(year, month, whichday):
# Generate the calendar for the month
cal = calendar.monthcalendar(year, month)
day_count = 0
# Count occurrences of the specific day of the week
for week in cal:
if week[whichday] != 0: # The day of the week is in this week
day_count += 1
return day_count
print(count_days(2025, 12, 0))
# Wxpected result: 5Repo: https://github.com/Jason-Hargrove/learning-python.git
#100DaysOfCode #AIProgramming #JavaScript #OpenAI #GitHub #WebDevelopment #CodingChallenge #MachineLearning
Explored the Python calendar module, for managing and displaying calendars in different formats.
I started by generating plain text calendars, then moved on to creating HTML formatted calendars which can be seamlessly integrated into web applications. I also delved into looping over days of a month to understand how Python handles dates that span multiple months.
Additionally, I utilized the module to find specific days, such as the first Friday of each month for scheduling recurring team meetings. This practical application of the calendar module highlighted its utility in real-world programming scenarios.
The ability to manipulate and interact with calendar data programmatically opens up numerous possibilities for developing applications that require scheduling and date tracking.
Repo: https://github.com/Jason-Hargrove/learning-python.git
#100DaysOfCode #AIProgramming #JavaScript #OpenAI #GitHub #WebDevelopment #CodingChallenge #MachineLearning
Experimenting with timedelta objects.
I learned how to manipulate dates and times for different practical applications, like projecting dates in the future and calculating past dates. For example, I calculated what date it would be one year from now, and what the date was exactly one week ago.
Using timedelta to navigate through time in programming offers a fascinating perspective on how software can interact with real-world time events.
Repo: https://github.com/Jason-Hargrove/learning-python.git
#100DaysOfCode #AIProgramming #JavaScript #OpenAI #GitHub #WebDevelopment #CodingChallenge #MachineLearning
Explored Python's datetime module by diving into different ways to format dates and times.
I utilized datetime.now() to fetch current date and time, and experimented with various formatting options to display these values in user-friendly and locale-specific formats.
Learning to format date and time according to different locales and requirements has been interesting.
Repo: https://github.com/Jason-Hargrove/learning-python.git
#100DaysOfCode #AIProgramming #JavaScript #OpenAI #GitHub #WebDevelopment #CodingChallenge #MachineLearning
Handling dates and times using Python’s datetime module.
I started by using the simple today() method from the date class to fetch the current date and then printed out its individual components such as year, month, and day. I also retrieved today’s weekday, understanding Python’s system where Monday is 0 and Sunday is 6. Additionally, I explored the datetime class to get not only today's date but also the current time.
It’s incredibly useful to see how Python can manage date and time data.
Repo: https://github.com/Jason-Hargrove/learning-python.git
#100DaysOfCode #AIProgramming #JavaScript #OpenAI #GitHub #WebDevelopment #CodingChallenge #MachineLearning
Python code challenge today: calculating total number of bytes for text files, and chapter quiz.
The task involved filtering to include only .txt files and excluding all others from the byte count. Reinforced my understanding of file operations and directory traversal in Python. Additionally, I completed a chapter quiz to consolidate my learning further.
Today’s challenge was a great mix of real-world application and theory.
Repo: https://github.com/Jason-Hargrove/learning-python.git
#100DaysOfCode #AIProgramming #JavaScript #OpenAI #GitHub #WebDevelopment #CodingChallenge #MachineLearning
Python's OS module, specifically exploring its path utilities. I learned how to check for item existence and type, work with file paths, and retrieve the modification times of files. Additionally, I calculated how long ago an item was modified, which adds a practical aspect to managing file systems.
Understanding and manipulating the file system with Python's built-in capabilities is incredibly powerful.
Repo: https://github.com/Jason-Hargrove/learning-python.git
#100DaysOfCode #AIProgramming #JavaScript #OpenAI #GitHub #WebDevelopment #CodingChallenge #MachineLearning
Python coding challenges and quizzes to sharpen my foundational skills. Explored reading and writing files with Python.
I haven't done coding challenges in a bit. I do enjoy the exposure to different problem-solving approaches.
Repo: https://github.com/Jason-Hargrove/learning-python.git
#100DaysOfCode #AIProgramming #JavaScript #OpenAI #GitHub #WebDevelopment #CodingChallenge #MachineLearning
Defining functions in Python, using them to encapsulate reusable blocks of code. Conditional logic, employing if, elif, and else statements to control the flow of my programs. The match-case statement proved invaluable for comparing multiple values easily. I also practiced loops—using while and for loops to iterate over data, incorporating break and continue to fine-tune loop execution, and utilizing the enumerate() function to access index during loops. Additionally, I began working with classes and handling exceptions to manage errors more gracefully.
In today's coding challenge, I tackled creating a function to determine if a string is a palindrome, reinforcing my function writing skills and understanding of Python's string manipulation capabilities.
Each new Python feature I learn opens up more possibilities for solving problems efficiently and creatively.
Repo: https://github.com/Jason-Hargrove/learning-python.git
#100DaysOfCode #AIProgramming #JavaScript #OpenAI #GitHub #WebDevelopment #CodingChallenge #MachineLearning
Setup a new Git repository. Python basics, working with different data types and global and local variables in functions.
Although I had to cut my study time short today, I really enjoyed getting back to basics and look forward to tackling Python functions tomorrow.
It's fascinating how different languages handle basics like variable scope.
Repo: https://github.com/Jason-Hargrove/learning-python.git
#100DaysOfCode #AIProgramming #JavaScript #OpenAI #GitHub #WebDevelopment #CodingChallenge #MachineLearning
Installed latest version of Python and configuring my environment. Solved conflicts in my .zshrc file due to the updated version of Python.
After ensuring everything was set up correctly, I dived into a LinkedIn Learning course on Python. I cloned the course repository and successfully built a small "Hello World" app, marking my first Python project on this new setup.
Navigating through system configurations and setting up a new programming language was challenging. It's exciting to get back int Python.
Repo: https://github.com/Jason-Hargrove/ai-programming-for-javascript-developers.git
#100DaysOfCode #AIProgramming #JavaScript #OpenAI #GitHub #WebDevelopment #CodingChallenge #MachineLearning
Created an assistant within my Node app, added threads to capture user input, parsing the assistant response, and LangChain.
Each step forward in this project opens up new possibilities for creating more intuitive and responsive user interactions.
Repo: https://github.com/Jason-Hargrove/ai-programming-for-javascript-developers.git
#100DaysOfCode #AIProgramming #JavaScript #OpenAI #GitHub #WebDevelopment #CodingChallenge #MachineLearning
Integrated DALL-E 3 into my project using Axios for API requests. Used Assistants API playground.
While the outcomes vary, the process of exploring AI's creative capabilities is consistently intriguing and enjoyable.
Repo: https://github.com/Jason-Hargrove/ai-programming-for-javascript-developers.git
#100DaysOfCode #AIProgramming #JavaScript #OpenAI #GitHub #WebDevelopment #CodingChallenge #MachineLearning
Today was all about setting up a backend using Node.js. I installed essential packages like dotenv for managing environment variables, axios for making HTTP requests, and form-data for handling form submissions. I also created an .env file to securely store my API key, transitioning from inputting it directly in the terminal—a practice I'm accustomed to and find secure.
The journey wasn’t without its hurdles; I spent a significant portion troubleshooting. At the end, I discovered a couple of bugs—one due to a misspelled variable and another from using the incorrect built-in function.
The process of debugging and troubleshooting is often more time-consuming than writing the code itself, but it is just as crucial for the development process. Today's session reinforced the importance of attention to detail and the value of a good debugging strategy.
Repo: https://github.com/Jason-Hargrove/ai-programming-for-javascript-developers.git
#100DaysOfCode #AIProgramming #JavaScript #OpenAI #GitHub #WebDevelopment #CodingChallenge #MachineLearning
Incorporating external APIs, allowing my application to interact dynamically with other services. I implemented a feature using 'readline' to accept user inputs, which has made the interaction more engaging.
One of the highlights of today was creating a function that generates descriptions for images based on their URLs — a fantastic way to merge vision and language models. Additionally, I ventured into audio by recording an MP3 file and successfully transcribing the audio using OpenAI's capabilities through a curl request, demonstrating the versatility of AI in handling various media types.
Today seemed pretty easy, but long. The ability to transcribe audio and describe images has opened up new possibilities for feature development in my project.
Repo: https://github.com/Jason-Hargrove/ai-programming-for-javascript-developers.git
#100DaysOfCode #AIProgramming #JavaScript #OpenAI #GitHub #WebDevelopment #CodingChallenge #MachineLearning
I started by generating an API key and setting up a language model to begin crafting AI-driven interactions. I wrote functions to handle AI responses and set up a GitHub repository to track my project. However, I encountered some hurdles with API key permissions and billing issues, which I managed to resolve after some troubleshooting.
I experimented with streams and creating dynamic prompts, and spent some time refactoring my functions to make them cleaner and more efficient. Additionally, I set up templates and customized questions to make the AI interactions more engaging and user-specific.
Working through the API key and billing challenges was a bit tricky.
Tomorrow, I'll start incorporating external APIs into my project to enhance the functionality and responsiveness of the AI.
Repo: https://github.com/Jason-Hargrove/ai-programming-for-javascript-developers.git
#100DaysOfCode #AIProgramming #JavaScript #OpenAI #GitHub #WebDevelopment #CodingChallenge #MachineLearning
Diving into "AI Programming for JavaScript Developers" on LinkedIn Learning.
I began by exploring AI in the JavaScript ecosystem, understanding how JavaScript developers can leverage AI technologies. I set up my development environment, installed the OpenAI library.
The setup went smoothly. Tomorrow, I'll add my API key and begin interacting with AI models directly from my code.
#100DaysOfCode #AIProgramming #JavaScript #OpenAI #LinkedInLearning #WebDevelopment #CodingChallenge
Today marks the first day of my 100 Days of Code challenge! I'm excited to sharpen my skills in web development. With this project I focused on Vue.js, Axios for API handling, and deployed to GitHub Pages. My journey began when a friend needing help with his computer science homework, and wanted to introduce him to peer programming.
I initiated a Vue.js project where my main task was to integrate Axios to fetch JSON data. I successfully pulled in a dataset and implemented filtering logic to manage the data displayed in a user-friendly table format. This involved configuring Bootstrap for the UI to ensure the application looks appealing.
Working through the initial configurations and integrations posed a good challenge, particularly around handling asynchronous data fetching and rendering it effectively. Overcoming these challenges with Axios and Vue.js filters boosted my confidence and deepened my understanding of frontend development.
Repo: https://github.com/Jason-Hargrove/vue-axios-app.git
Visit site: https://jason-hargrove.github.io/vue-axios-app/
#100DaysOfCode #VueJS #Axios #GitHubPages #WebDevelopment #CodingChallenge