Tweetme 2
Build a twitter-like app in Django, Bootstrap, Javascript, & React.js. Step-by-Step.
Lesson Code
Lessons 1-5: no significant code added
9 - Store Data from Django Model
10 - Intro to URL Routing and Dynamic Routing
12 - Dynamic View into REST API Endpoint
14 - Bootstrap & Django Templates
16 - Dynamic Load Tweets via JavaScript
17 - Replace HTML Content with JavaScript
18 - Tweets to HTML via JavaScript
21 - Rapid Implement of Bootstrap Theme
26 - Prevent Form Submit via JavaScript
27 - Sending Form Data via pure JavaScript
29 - Serialize Django Model Object
30 - Append New Tweet & Reorder
32 - Rendering the Error Message via Vanilla JavaScript
35 - Associate Authenticated User to Object
37 - Install Django Rest Framework
38 - Django Forms to Django Rest Framework Serializer
39 - Django Views to Django Rest Framework Views
40 - Permissions and Authentication Classes Decorators for DRF APIs
43 - Understanding Setting ManyToMayFields
45 - JavaScript Tweet Action Handler
46 - CSRF & Client Side Action Buttons
50 - Setting up Tests in Django
51 - Verify or Install Nodejs- no code
54 - Ajax lookup via XHR in Reactjs
55 - Handling CORS and Invalid HOST_HEADER in Django
56 - Functional Components in React
60 - Understanding setState Hook
62 - Pass from Parent Component to Child with useEffect
63 - Adjust the React Render Process
65 - Render React App via Any Django Template
73 - Improving the Tweet Action Button
74 - Prepending Dynamic Retweets
75 - Set Data Props on ReactDOM Render
76 - Limit List View by Username
77 - Rendering Limited Tweet List by Username
79 - Lookup & Render & Embed Individual Tweets
80 - Linking Individual Tweets
82 - Clean Up API Urls and Views
84 - Authentication & Registration
86 - Handling Profile Does Not Exist
87 - Signals to Create Profile Objects
88 - Save 2 Models in 1 Form and 1 View
89 - ManyToManyField and Reverse Relations
91 - Follow Button Logic and Endpoint
92 - Profile Following Unit Tests
93 - User Feed including Following
94 - More Effecient Backend Lookups and Custom Model Managers
95 - More Efficient List Views with Pagination
97 - Handling our New List View Response
98 - Handling Pagination in React
99 - Display User Within Tweet
100 - Display Tweet User Details
104 - Passing the Request to Serializers
105 - Render Profile Badge Component
107 - Removing Redundant Profile View
108 - Display Follower Count with Numeraljs
110 - Thank you and next steps no code
Next steps:
- Large File Uploads for Images ~ Dive into AWS
- Notifications
- Direct Messages / Private Inboxes ~ Chat x Channels
- Explore -> parse & filter for hashtags