All Projects → codingforentrepreneurs → Tweetme 2

codingforentrepreneurs / Tweetme 2

Build a twitter-like app in Django, Bootstrap, Javascript, & React.js. Step-by-Step.

Programming Languages

javascript
184084 projects - #8 most used programming language
python
139335 projects - #7 most used programming language

Projects that are alternatives of or similar to Tweetme 2

Rest Api Basics
This is a basic guide on how to build a REST API with Django & Python. For much deeper depth, check out our new course on REST API: (https://kirr.co/90kxtx)
Stars: ✭ 171 (-30.77%)
Mutual labels:  rest-api, django, django-rest-framework, tutorial
Best Of Web Python
🏆 A ranked list of awesome python libraries for web development. Updated weekly.
Stars: ✭ 1,118 (+352.63%)
Mutual labels:  rest-api, django, django-rest-framework
Django Rest Pandas
📊📈 Serves up Pandas dataframes via the Django REST Framework for use in client-side (i.e. d3.js) visualizations and offline analysis (e.g. Excel)
Stars: ✭ 1,030 (+317%)
Mutual labels:  rest-api, django, django-rest-framework
Drf Autodocs
Ultimately automated DRF documentation rendering(UNMAINTAINED)
Stars: ✭ 82 (-66.8%)
Mutual labels:  rest-api, django, django-rest-framework
Blogbackendproject
Backend code for my blogs, develop with Django Rest framework.
Stars: ✭ 204 (-17.41%)
Mutual labels:  rest-api, django, django-rest-framework
E Commerce 2 django
Guest register, user register, user login, user logout, account home page, product view history, change password, reset password, change name, send activation email when register, resend activation email, add shipping address, add billing address, add nickname to the addresses, edit shipping address, edit billing address, view list of your addresses, reuse shipping addresses when order products, reuse billing addresses when ordeer products, show sales analytics if staff or admin only using -chart.js-, get analytics data with Ajax, receive marketing email, change if user will receive marketing email or not by admin, send contact message with Ajax, products list, product detail, download product detail as a PDF file, download digital product files -if the user purchased that digital product only-, orders list, list of digital products files, order detail, download order detail as a PDF file, verify order ownership with Ajax -to secure order detail page-, show cart products, add or remove product from cart, checkout page, thanks page when order placed successfully, add or reuse payment method, add or reuse payment method with Ajax, search products by title, search products by description, search products by price, search products by tag title, write tags for products -by admin only-, auto fill contact email, full name if user logged in.
Stars: ✭ 20 (-91.9%)
Mutual labels:  rest-api, django, bootstrap
The Complete Guide To Drf And Vuejs
📢 Source Code from my Web Dev Course *The Complete Guide To Django REST Framework and Vue JS* (Lang: English & Italian)
Stars: ✭ 78 (-68.42%)
Mutual labels:  rest-api, django, django-rest-framework
Django Rest Framework Tutorial
Django-REST-framework 基本教學 - 從無到有 DRF-Beginners-Guide 📝
Stars: ✭ 630 (+155.06%)
Mutual labels:  rest-api, django-rest-framework, tutorial
Rest Api
Learn how to build your own REST API with Python, Django, and the Django Rest Framework.
Stars: ✭ 232 (-6.07%)
Mutual labels:  rest-api, django, django-rest-framework
Wq.db
☁🌐 wq's db library, extending Django REST framework to support apps for geospatial field data collection, citizen science, and crowdsourcing.
Stars: ✭ 101 (-59.11%)
Mutual labels:  rest-api, django, django-rest-framework
Project Dashboard With Django
Agile Project Management dashboard with Django REST and Vue.js
Stars: ✭ 25 (-89.88%)
Mutual labels:  rest-api, django, django-rest-framework
Drf Yasg
Automated generation of real Swagger/OpenAPI 2.0 schemas from Django REST Framework code.
Stars: ✭ 2,523 (+921.46%)
Mutual labels:  rest-api, django, django-rest-framework
Docker Tutorial
Docker 基本教學 - 從無到有 Docker-Beginners-Guide 教你用 Docker 建立 Django + PostgreSQL 📝
Stars: ✭ 906 (+266.8%)
Mutual labels:  django, django-rest-framework, tutorial
Djangorestframework Book
Django REST framework 3 中文文档, API参考, 最佳实践指南
Stars: ✭ 28 (-88.66%)
Mutual labels:  rest-api, django, django-rest-framework
Modern Django
Modern Django: A Guide on How to Deploy Django-based Web Applications in 2017
Stars: ✭ 662 (+168.02%)
Mutual labels:  rest-api, django, django-rest-framework
Django Vue Template
Django Rest + Vue JS Template
Stars: ✭ 1,155 (+367.61%)
Mutual labels:  rest-api, django, django-rest-framework
Dj Rest Auth
Authentication for Django Rest Framework
Stars: ✭ 491 (+98.79%)
Mutual labels:  rest-api, django, django-rest-framework
Django React Blog
Simple blog built with Django and React/Redux, deployed with Docker, and served with nginx/uwsgi.
Stars: ✭ 528 (+113.77%)
Mutual labels:  django, django-rest-framework, bootstrap
Drf Cheat Sheet
Cheat sheet / quick reference guide for Django REST Framework.
Stars: ✭ 99 (-59.92%)
Mutual labels:  rest-api, django, django-rest-framework
Djangorestframework Queryfields
Allows clients to control which fields will be sent in the API response
Stars: ✭ 170 (-31.17%)
Mutual labels:  rest-api, django, django-rest-framework

Tweetme 2

Build a twitter-like app in Django, Bootstrap, Javascript, & React.js. Step-by-Step.

Tweetme 2 Logo

Lesson Code

Lessons 1-5: no significant code added

6 - Updated VS Code Config

7 - Our Roadmap

8 - The Tweets Model

9 - Store Data from Django Model

10 - Intro to URL Routing and Dynamic Routing

11 - Handling Dynamic Routing

12 - Dynamic View into REST API Endpoint

13 - Our First Template

14 - Bootstrap & Django Templates

15 - Tweet List View

16 - Dynamic Load Tweets via JavaScript

17 - Replace HTML Content with JavaScript

18 - Tweets to HTML via JavaScript

19 - Format Tweet Method

20 - Like Button Rendering

21 - Rapid Implement of Bootstrap Theme

22 - Tweet Create Form

23 - Tweet Form by Hand

24 - Successful Form Redirect

25 - Safe URL Redirect

26 - Prevent Form Submit via JavaScript

27 - Sending Form Data via pure JavaScript

28 - Handling Ajax Requests

29 - Serialize Django Model Object

30 - Append New Tweet & Reorder

31 - Handling Form Errors

32 - Rendering the Error Message via Vanilla JavaScript

33 - Users & Tweets

34 - Django Admin

35 - Associate Authenticated User to Object

36 - Permissions & Roadmap

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

41 - Delete Tweet API View

42 - Adding a Like Field

43 - Understanding Setting ManyToMayFields

44 - Tweet Action View

45 - JavaScript Tweet Action Handler

46 - CSRF & Client Side Action Buttons

47 - Retweeting Logic

48 - Two Types of Serializers

49 - Internal App Urls

50 - Setting up Tests in Django

51 - Verify or Install Nodejs- no code

52 - Create React App

54 - Ajax lookup via XHR in Reactjs

55 - Handling CORS and Invalid HOST_HEADER in Django

56 - Functional Components in React

57 - Reactjs Action Btn

58 - Using JavaScript Modules

59 - Improved Action Btn

60 - Understanding setState Hook

61 - Handling a Form in React

62 - Pass from Parent Component to Child with useEffect

63 - Adjust the React Render Process

64 - React Rendered by Django

65 - Render React App via Any Django Template

66 - A Better XHR Lookup

67 - Create Tweet in React

68 - Dev Authentication

69 - Handling New Tweet

70 - API Methods in React

71 - Tweet Action Btn

72 - Rendering the ReTweet

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

78 - Tweets Module Clean Up

79 - Lookup & Render & Embed Individual Tweets

80 - Linking Individual Tweets

81 - Build and Use On Django

82 - Clean Up API Urls and Views

83 - Login Required Redirect

84 - Authentication & Registration

85 - User Profiles

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

90 - Followers and Following

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

96 - User Profile Serializer

97 - Handling our New List View Response

98 - Handling Pagination in React

99 - Display User Within Tweet

100 - Display Tweet User Details

101 - Feed View Component

102 - Build for the Feed

103 - User Profile API Detail

104 - Passing the Request to Serializers

105 - Render Profile Badge Component

106 - The Follow Button

107 - Removing Redundant Profile View

108 - Display Follower Count with Numeraljs

109 - FInal Build

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
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].